:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-secondary: #f59e0b;--color-success: #10b981;--color-danger: #ef4444;--color-background: #f8fafc;--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-text: #1e293b;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-border-dark: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--font-family: "Inter", system-ui, -apple-system, sans-serif;--transition-base: all .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}h1{font-size:1.75rem;font-weight:700;color:var(--color-primary);line-height:1.2}h2{font-size:1.5rem;font-weight:600;line-height:1.2;margin-bottom:.25rem}h3{font-size:1.1rem;font-weight:600;line-height:1.2}.shell{max-width:1200px;margin:0 auto;padding:0 1rem 3rem}.ambient{display:none}.topbar{position:sticky;top:0;z-index:1000;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.25rem;margin:0 -1rem 2rem;box-shadow:var(--shadow-sm)}.topbar h1{font-size:1.4rem;color:var(--color-primary)}.kicker{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin:0}.compact{margin-top:.2rem}.tabs{display:inline-flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.25rem;gap:.2rem}.tabs.multi{flex-wrap:wrap;justify-content:flex-end}.tab{border:0;background:transparent;padding:.5rem 1rem;border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-family);font-weight:600;font-size:.875rem;color:var(--color-text-muted);transition:var(--transition-base)}.tab.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 4px 6px -1px #4f46e533}.layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.full-span{grid-column:1 / -1}.auth-layout{align-items:start}.single-column{grid-template-columns:1fr}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.card h2{font-size:1.35rem;margin-bottom:.25rem}.card.tall{min-height:540px}.accent-card{background:linear-gradient(180deg,#f5f3ff,#fff);border-color:#c4b5fd}.hero-card{background:linear-gradient(180deg,#ecfdf5,#fff);border-color:#a7f3d0}.auth-showcase{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;align-items:start}.auth-showcase h2,.portal-hero h2{font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.1;margin-bottom:.5rem;color:var(--color-text)}.auth-showcase-copy{display:grid;gap:.75rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.5rem}.status-dot,.role-chip{display:inline-flex;align-items:center;gap:.4rem;border-radius:var(--radius-full);padding:.375rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);font-size:.8rem;font-weight:600;color:var(--color-text)}.status-dot:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:var(--color-success)}.muted-dot:before{background:var(--color-text-muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.feature-card{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;min-height:120px}.feature-card strong{display:block;margin-bottom:.45rem;font-size:.95rem;color:var(--color-text)}.feature-card p,.empty-state p,.mini-note span{margin:0;color:var(--color-text-muted);line-height:1.5;font-size:.9rem}.portal-hero{display:grid;grid-template-columns:1.15fr .9fr;gap:1.5rem;align-items:end}.portal-hero.blue{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#bfdbfe}.portal-hero.teal{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#a7f3d0}.portal-hero.gold{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#fde68a}.portal-hero.plum{background:linear-gradient(135deg,#faf5ff,#fff);border-color:#ddd6fe}.portal-hero-copy{display:grid;gap:.75rem}.portal-copy{max-width:58ch}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.hero-metrics article{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.875rem;text-align:center}.hero-metrics article strong{display:block;font-size:1.6rem;font-weight:700;color:var(--color-primary)}.hero-metrics article span{display:block;color:var(--color-text-muted);font-size:.8rem;margin-top:.2rem}.muted{color:var(--color-text-muted);margin:0 0 .75rem;font-size:.95rem}.stack{display:grid;gap:1rem}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}label{display:grid;gap:.375rem;font-size:.8rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.025em}input,textarea,select{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.625rem .875rem;font-family:var(--font-family);font-size:.95rem;background-color:var(--color-background);color:var(--color-text);transition:var(--transition-base)}input:focus,textarea:focus,select:focus{outline:none;background-color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #6366f11a}textarea{resize:vertical;min-height:100px}.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-family:var(--font-family);font-weight:600;font-size:.95rem;border-radius:var(--radius-full);border:1px solid transparent;cursor:pointer;transition:var(--transition-base)}.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 4px 6px -1px #4f46e533;border-color:#ffffff1a}.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e54d;filter:brightness(110%)}.primary:disabled,.ghost:disabled{opacity:.55;cursor:not-allowed}.ghost{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);box-shadow:var(--shadow-sm)}.ghost:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-dark);color:var(--color-primary);transform:translateY(-1px)}.small{padding:.375rem .875rem;font-size:.8125rem}.auth-separator{display:flex;align-items:center;justify-content:center;margin:1rem 0 .75rem}.auth-separator span{color:var(--color-text-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;position:relative;padding:0 .75rem}.auth-separator span:before,.auth-separator span:after{content:"";position:absolute;top:50%;width:90px;border-top:1px solid var(--color-border)}.auth-separator span:before{right:100%}.auth-separator span:after{left:100%}.google-auth-block{display:grid;justify-items:center;gap:.5rem}.google-help{margin:0;color:var(--color-text-muted);font-size:.85rem;text-align:center}.mini-note,.empty-state{border:1px solid var(--color-border);background:var(--color-surface-hover);border-radius:var(--radius-md);padding:.875rem 1rem}.mini-note{display:grid;gap:.35rem}.mini-note strong,.empty-state strong{font-size:.92rem;color:var(--color-text)}.identity{display:flex;align-items:center;gap:.6rem;font-weight:700}.identity-copy{display:flex;flex-direction:column;align-items:flex-end}.identity-copy small{color:var(--color-text-muted);font-weight:500;font-size:.8rem}.row-between{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem}.metrics{margin:1rem 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.metrics article{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem;text-align:center;background:var(--color-surface)}.metrics article strong{display:block;font-size:1.4rem;font-weight:700;color:var(--color-primary)}.metrics article span{color:var(--color-text-muted);font-size:.8rem;display:block;margin-top:.2rem}.report-list{display:grid;gap:.625rem;max-height:360px;overflow:auto;padding-right:.25rem}.wide-list{max-height:520px}.report-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.875rem;transition:var(--transition-base)}.report-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.report-item header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.375rem}.report-item h3{font-size:.92rem}.report-item p{margin:.2rem 0;color:var(--color-text-muted);font-size:.875rem}.report-item time{font-size:.775rem;color:var(--color-text-muted);display:block;margin-top:.375rem}.inline-actions{margin-top:.75rem;display:flex;gap:.5rem;align-items:center}.pill{border-radius:var(--radius-full);padding:.2rem .625rem;font-size:.72rem;font-weight:700;display:inline-block}.pill.good{background:#10b98124;color:#059669}.pill.warn{background:#f59e0b26;color:#d97706}.pill.info{background:#6366f11f;color:var(--color-primary)}.pill.hot{background:#ef444424;color:#dc2626}.pill.neutral{background:#1e293b1a;color:#475569}.toast{position:fixed;right:1.25rem;bottom:1.25rem;background:var(--color-text);color:#fff;padding:.875rem 1.5rem;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.6rem;font-weight:500;font-size:.9rem;min-width:280px;border-left:4px solid var(--color-primary);animation:toast-in 2.8s ease forwards}.feature-list{margin:.75rem 0 0;padding-left:1.25rem;color:var(--color-text);line-height:2}@keyframes toast-in{0%{transform:translateY(30px);opacity:0}12%,80%{transform:translateY(0);opacity:1}to{transform:translateY(12px);opacity:0}}@media (max-width: 900px){.layout,.auth-showcase,.portal-hero,.feature-grid,.hero-metrics,.field-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;margin:0 -1rem 1.5rem}.identity{width:100%;justify-content:space-between}.identity-copy{align-items:flex-start}.tabs.multi{justify-content:flex-start}}