:root{--bg-page:#f8f9fb;--bg-surface:#ffffff;--bg-subtle:#f1f3f6;--bg-dark-grey:#1f242d;--bg-dark-grey-soft:#2b313d;--border-light:#e5e8ef;--border-strong:#d0d6e2;--border-orange:#f48120;--text-dark:#1f242d;--text-body:#3d4452;--text-muted:#6c7486;--orange-primary:#f48120;--orange-hover:#df6d0d;--orange-soft:#fff4eb;--orange-border:#fbd0ad;--green-primary:#16a34a;--green-soft:#edfcf2;--green-border:#bbf7d0;--amber-primary:#d97706;--amber-soft:#fffbeb;--amber-border:#fde68a;--red-primary:#dc2626;--red-soft:#fef2f2;--red-border:#fecaca;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-xs:0 1px 2px rgba(31,36,45,0.04);--shadow-sm:0 4px 12px rgba(31,36,45,0.05);--shadow-md:0 10px 28px rgba(31,36,45,0.08)}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-page);color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.shell{max-width:1320px;margin:0 auto;padding:0 24px 72px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-xs)}.topbar-inner{max-width:1320px;margin:0 auto;padding:12px 24px;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand-row,.topbar-inner{display:flex;align-items:center}.brand-row{gap:12px}.brand-logo-img{height:38px;width:auto;display:block}.brand-divider{width:1px;height:24px;background:var(--border-light)}.brand-sub{font-size:12px;font-weight:600;color:var(--text-muted)}.mode-tabs{display:flex;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:10px;padding:4px;gap:4px;flex-wrap:wrap}.mode-tab{border:none;background:transparent;color:var(--text-body);padding:8px 14px;border-radius:7px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:7px;transition:all .16s ease}.mode-tab:hover{color:var(--text-dark);background:rgba(255,255,255,.6)}.mode-tab.active{background:var(--bg-dark-grey);color:#ffffff;box-shadow:var(--shadow-xs)}.mode-tab.active svg{color:var(--orange-primary)}.topbar-right{display:flex;align-items:center;gap:10px}.tier-pill{gap:6px;padding:7px 12px;border-radius:999px;font-size:12.5px;background:var(--orange-soft);border:1px solid var(--orange-border);color:var(--orange-hover)}.google-btn,.tier-pill{display:inline-flex;align-items:center;font-weight:700}.google-btn{gap:8px;padding:8px 14px;border-radius:8px;font-size:13px;background:#ffffff;color:var(--text-dark);border:1px solid var(--border-strong);box-shadow:var(--shadow-xs);transition:all .15s ease}.google-btn:hover{border-color:var(--text-dark);background:var(--bg-subtle)}.user-chip{gap:8px;padding:5px 10px 5px 6px;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border-light);font-size:12.5px;font-weight:600;color:var(--text-dark)}.user-avatar,.user-chip{display:inline-flex;align-items:center}.user-avatar{width:26px;height:26px;border-radius:50%;background:var(--orange-primary);color:#fff;justify-content:center;font-weight:700;font-size:12px;overflow:hidden}.hero{padding:28px 0 22px;display:grid;grid-template-columns:1.35fr 1fr;grid-gap:20px;gap:20px;align-items:stretch}@media (max-width:980px){.hero{grid-template-columns:1fr}}.hero-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-sm)}.hero-card-dark{background:var(--bg-dark-grey);color:#ffffff;border:1px solid var(--bg-dark-grey-soft);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-md)}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:var(--orange-soft);border:1px solid var(--orange-border);color:var(--orange-hover);font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.hero h1{font-size:clamp(24px,2.8vw,34px);line-height:1.18;letter-spacing:-.025em;color:var(--text-dark);margin-bottom:10px}.hero p{color:var(--text-body);font-size:14.5px;max-width:64ch}.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-top:20px}@media (max-width:720px){.kpi-strip{grid-template-columns:repeat(2,1fr)}}.kpi-box{background:var(--bg-page);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:13px 14px}.kpi-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.kpi-value{font-size:21px;font-weight:800;color:var(--text-dark);margin-top:3px}.kpi-sub{font-size:11.5px;margin-top:2px;color:var(--text-muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:980px){.grid-2,.grid-3{grid-template-columns:1fr}}.card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm)}.card-selected{border:2px solid var(--orange-primary);box-shadow:0 8px 24px rgba(244,129,32,.12)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.card-title{font-size:16.5px;font-weight:800;color:var(--text-dark)}.card-subtitle{font-size:13px;color:var(--text-muted);margin-top:3px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.badge-orange{background:var(--orange-soft);color:var(--orange-hover);border:1px solid var(--orange-border)}.badge-emerald{background:var(--green-soft);color:var(--green-primary);border:1px solid var(--green-border)}.badge-amber{background:var(--amber-soft);color:var(--amber-primary);border:1px solid var(--amber-border)}.badge-rose{background:var(--red-soft);color:var(--red-primary);border:1px solid var(--red-border)}.badge-grey{background:var(--bg-subtle);color:var(--text-body);border:1px solid var(--border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:9px;font-size:13px;font-weight:700;border:1px solid transparent;transition:all .15s ease}.btn-primary{background:var(--orange-primary);color:#ffffff;box-shadow:0 3px 10px rgba(244,129,32,.28)}.btn-primary:hover{background:var(--orange-hover);transform:translateY(-1px)}.btn-dark{background:var(--bg-dark-grey);color:#ffffff}.btn-dark:hover{background:var(--bg-dark-grey-soft)}.btn-outline{background:#ffffff;border-color:var(--border-strong);color:var(--text-dark)}.btn-outline:hover{border-color:var(--orange-primary);color:var(--orange-hover);background:var(--orange-soft)}.slider-input{width:100%;accent-color:var(--orange-primary);margin:10px 0}.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table th{text-align:left;padding:11px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-page);border-top:1px solid var(--border-light)}.data-table td,.data-table th{border-bottom:1px solid var(--border-light)}.data-table td{padding:14px 12px;vertical-align:middle;color:var(--text-body)}.data-table tr:hover td{background:var(--bg-page)}.meter-track{height:9px;background:rgba(255,255,255,.14)}.meter-track,.meter-track-light{width:100%;border-radius:999px;overflow:hidden}.meter-track-light{height:8px;background:var(--bg-subtle);border:1px solid var(--border-light)}.meter-fill{height:100%;border-radius:999px;transition:width .3s ease}.alert-banner{border-radius:var(--radius-md);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.alert-orange{background:var(--orange-soft);border:1px solid var(--orange-border);color:var(--text-dark)}.alert-emerald{background:var(--green-soft);border:1px solid var(--green-border);color:var(--text-dark)}