:root{color-scheme:light;--bg: #f3f7fb;--surface: rgba(255, 255, 255, .94);--surface-soft: #f8fbff;--surface-dark: #0f172a;--surface-dark-alt: #16213a;--ink: #0f172a;--ink-soft: #64748b;--line: #e2e8f0;--line-strong: rgba(255, 255, 255, .16);--accent: #0ea5e9;--accent-strong: #0284c7;--accent-soft: rgba(14, 165, 233, .12);--teal: #16a085;--teal-soft: rgba(22, 160, 133, .12);--navy-soft: rgba(15, 23, 42, .06);--mint-pale: #16a085;--teal-ink: #16a085;--slate-soft: #dce4ea;--shadow: 0 18px 40px rgba(15, 23, 42, .06);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(14,165,233,.09),transparent 28%),linear-gradient(180deg,#fbfdff 0%,var(--bg) 100%);color:var(--ink)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(14,165,233,.56) rgba(226,232,240,.78)}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:#e2e8f0c7;border-radius:999px}*::-webkit-scrollbar-thumb{border:2px solid rgba(248,251,255,.9);border-radius:999px;background:linear-gradient(180deg,#0ea5e9e6,#16a085e6)}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0284c7f0,#16a085f0)}html{overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,code,pre{font:inherit}code,pre,.ledger-mono{font-family:IBM Plex Mono,Cascadia Code,monospace}#root{min-height:100vh}.app-shell{position:relative;max-width:1360px;margin:0 auto;padding:24px 18px 42px}.ambient{position:fixed;width:320px;height:320px;border-radius:999px;filter:blur(92px);opacity:.42;pointer-events:none;z-index:0}.ambient-left{top:-150px;left:-160px;background:#0ea5e921}.ambient-right{top:240px;right:-170px;background:#16a0851f}.topbar,.summary-hero,.hero-meta,.metric-grid,.main-grid,.insight-grid,.integration-grid,.auth-breakdown{display:grid;gap:16px}.topbar{position:relative;z-index:30;grid-template-columns:1fr;align-items:start;margin-bottom:18px;gap:14px}.topbar-brand-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.brand-block{display:flex;align-items:center;gap:16px;min-width:0}.brand-copy{display:grid;gap:6px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;flex:0 0 auto;filter:drop-shadow(0 14px 24px rgba(14,165,233,.18))}.brand-mark svg{display:block;width:50px;height:50px}.eyebrow,.metric-label,.section-label{margin:0;color:var(--ink-soft);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.topbar h1,.hero-copy h2,.card-head h2{margin:0;font-family:Space Grotesk,Manrope,sans-serif;font-weight:600;letter-spacing:-.05em}.topbar h1{margin-top:4px;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1}.topbar-command{position:relative;z-index:31;overflow:visible;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:20px;background:#ffffffdb;box-shadow:var(--shadow)}.command-section{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}.command-project{flex:1 1 420px;justify-content:center}.command-actions,.command-account{justify-content:flex-end}.command-label{margin:0;color:var(--ink-soft);font-size:.69rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.project-create-toggle{white-space:nowrap}.command-hint{border-color:#94a3b838;background:#f1f5f9eb;color:#475569}.refresh-button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffffe0;color:var(--ink);font-weight:700;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.logout-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:#ffffffe0;color:var(--ink);font-weight:600;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.logout-icon-button{width:48px;height:48px;padding:0;border:0;background:transparent;color:#b91c1c;box-shadow:none}.logout-icon-button svg{width:23px;height:23px;flex:0 0 auto}.logout-icon-button:hover{transform:none;border-color:transparent;background:transparent;color:#7f1d1d;box-shadow:none}.refresh-button:hover:not(:disabled){transform:translateY(-1px);border-color:#0ea5e93d;background:#f8fbfff5;box-shadow:0 10px 24px #0f172a14}.logout-button:hover{transform:translateY(-1px);border-color:#0f172a2e;background:#f8fbfff5;box-shadow:0 10px 24px #0f172a14}.back-button{border-color:#0ea5e929;background:#f8fbfff0;color:var(--accent-strong)}.back-button:hover{border-color:#0ea5e93d;background:#f0f9fffa}.refresh-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #0f172a14}.refresh-button:disabled{cursor:default;opacity:.68}.refresh-button.is-busy{border-color:#0ea5e93d;background:#f8fbfff5;box-shadow:0 10px 24px #0f172a14;cursor:progress}.refresh-button svg{width:16px;height:16px;flex:0 0 auto}.refresh-button.is-busy svg{animation:refresh-spin .9s linear infinite}@keyframes refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-pill,.top-chip,.metric-chip,.count-pill,.table-badge,.view-tab,.filter-chip{border-radius:999px;font-weight:700}.status-pill,.top-chip,.refresh-button{font-weight:600}.top-chip-label{border-color:#94a3b838;background:#f1f5f9e6;color:#475569}.top-chip-email{max-width:min(42vw,280px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-with-email{position:relative;display:inline-flex}.logout-with-email-mobile{display:none}.logout-with-email-desktop{display:inline-flex}.logout-email-tooltip{position:absolute;right:0;top:calc(100% + 8px);z-index:60;padding:8px 10px;border:1px solid rgba(148,163,184,.24);border-radius:10px;background:#fffffffa;color:#475569;font-size:.78rem;line-height:1.35;white-space:nowrap;box-shadow:0 10px 24px #0f172a1f;opacity:0;visibility:hidden;transform:translateY(-3px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;pointer-events:none}.logout-with-email:hover .logout-email-tooltip,.logout-with-email:focus-within .logout-email-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.project-switcher{position:relative;display:inline-grid;min-width:164px}.project-picker-panel{display:grid;gap:18px}.project-create-view{display:grid;gap:16px;margin-bottom:20px}.project-create-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(280px,.58fr);gap:18px;align-items:stretch}.project-create-panel{display:grid;gap:16px;margin-bottom:0;border-color:#16a08533;background:radial-gradient(circle at top right,rgba(22,160,133,.12),transparent 34%),linear-gradient(180deg,#f8fbfff5,#fffffffa)}.project-create-form{border:0;border-radius:0;background:transparent}.project-create-head{margin-bottom:2px}.project-create-head .card-copy-block{gap:7px}.project-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-form-grid .form-field.is-full{grid-column:1 / -1}.project-create-form .field-input{border-radius:14px;background:#fffffffa}.project-create-form .field-textarea{min-height:110px;resize:vertical}.project-form-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.project-danger-zone{display:grid;gap:10px;margin-top:8px;padding:14px;border:1px solid rgba(220,38,38,.18);border-radius:16px;background:#fef2f2b3}.project-danger-zone .panel-copy{margin:0;color:#7f1d1d}.danger-button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:144px;padding:10px 14px;border:1px solid rgba(220,38,38,.3);border-radius:999px;background:#fffffff0;color:#b91c1c;font:inherit;font-weight:600;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.danger-button:hover:not(:disabled){transform:translateY(-1px);border-color:#dc262666;background:#fef2f2fa;box-shadow:0 12px 24px #991b1b1f}.danger-button:disabled{opacity:.6;cursor:default}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:20px;background:#0f172a75;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-card{width:min(560px,100%);display:grid;gap:18px;padding:20px;border:1px solid rgba(148,163,184,.26);border-radius:20px;background:linear-gradient(180deg,#fffffffa,#f8fbfff7);box-shadow:0 26px 70px #0f172a42}.modal-card-danger{border-color:#dc26262e;background:radial-gradient(circle at top right,rgba(220,38,38,.08),transparent 40%),linear-gradient(180deg,#fffffffa,#fef2f2f2)}.modal-card-server-key{width:min(980px,100%);border-color:#0ea5e938;background:radial-gradient(circle at top right,rgba(14,165,233,.08),transparent 42%),linear-gradient(180deg,#fffffffc,#f8fbfff7)}.modal-card-server-key .panel-copy{margin:0;color:#475569;line-height:1.6}.modal-head{display:flex;align-items:flex-start;gap:14px}.modal-icon{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:#b91c1c;border:1px solid rgba(220,38,38,.22);background:#fee2e2eb}.modal-icon svg{width:20px;height:20px}.modal-copy{display:grid;gap:8px}.modal-copy h2{margin:0;font-family:Space Grotesk,Manrope,sans-serif;font-size:1.35rem;font-weight:600;line-height:1.1;letter-spacing:-.03em}.modal-copy .panel-copy{margin:0;color:#475569;line-height:1.6}.modal-copy .panel-copy strong{color:#0f172a;font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-danger-button{min-width:162px}.project-create-side{display:grid;gap:14px;align-content:start;height:100%;border-color:#16a08529;background:radial-gradient(circle at top right,rgba(22,160,133,.09),transparent 35%),linear-gradient(180deg,#f8fbfff7,#fffffffc)}.project-create-side h2{font-size:1.18rem;line-height:1.15;font-weight:600}.project-create-steps{display:grid;gap:9px;margin:0;padding-left:1.15rem;color:var(--ink-soft);line-height:1.6}.project-create-preview{position:relative;display:grid;gap:10px;margin-top:20px;padding:16px;border:1px solid rgba(22,160,133,.24);border-radius:18px;background:radial-gradient(circle at 112% -18%,rgba(22,160,133,.2),transparent 48%),linear-gradient(180deg,#16a08514,#fffffffa 42%);box-shadow:0 14px 30px #16a08524,inset 0 1px #ffffff9e;overflow:hidden}.project-create-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(130deg,rgba(255,255,255,.36),transparent 44%);pointer-events:none}.preview-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid rgba(22,160,133,.12);border-radius:12px;background:#ffffffb8;color:var(--ink-soft);line-height:1.5}.preview-row strong{color:var(--ink);font-size:.95rem;font-weight:600;overflow-wrap:anywhere;text-align:right}.project-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.project-picker-card{display:grid;gap:10px;align-content:start;min-height:148px;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#f8fbfff5,#fffffffa);color:var(--ink);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.project-picker-card strong{font-size:1.15rem;line-height:1.2}.project-picker-card span:last-child{color:var(--ink-soft);line-height:1.5}.project-picker-card:hover{transform:translateY(-2px);border-color:#0ea5e938;box-shadow:0 16px 30px #0f172a14;background:linear-gradient(180deg,#0ea5e90f,#fffffffa)}.console-page-tabs{display:inline-flex;align-items:center;gap:8px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#ffffffe0}.console-page-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:0;border-radius:999px;background:transparent;color:var(--ink-soft);font:inherit;font-weight:600;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.console-page-button:hover{transform:translateY(-1px)}.console-page-button.is-active{background:linear-gradient(135deg,#0ea5e924,#16a0851f);color:var(--ink)}.project-switcher-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:148px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(180deg,#ffffffe6,#f8fbfff5);color:var(--ink);font:inherit;font-weight:600;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.project-switcher-trigger:focus{outline:none;border-color:#0ea5e94d;box-shadow:0 0 0 4px #0ea5e914}.project-switcher.is-open .project-switcher-trigger{border-color:#0ea5e952;background:linear-gradient(180deg,#f0f9fff5,#fffffffa)}.project-trigger-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-trigger-icon{width:16px;height:16px;color:var(--ink-soft);flex:0 0 auto;transition:transform .14s ease}.project-switcher.is-open .project-trigger-icon{transform:rotate(180deg)}.project-switcher-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:80;display:grid;gap:2px;padding:6px;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:#fffffffa;box-shadow:0 18px 34px #0f172a24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-option{display:grid;gap:0;width:100%;padding:7px 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ink);text-align:left;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}.project-option:hover{border-color:#0ea5e92e;background:#0ea5e914;transform:translateY(-1px)}.project-option.is-active{border-color:#0ea5e94d;background:linear-gradient(135deg,#0ea5e929,#16a08524)}.project-option-name{font-weight:600;line-height:1.2}.project-option-slug{color:var(--ink-soft);font-size:.72rem;line-height:1.25}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.status-pill,.top-chip,.count-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);background:#ffffffe0}.event-count-pill{border-color:#dc262647;background:#fef2f2e6;color:#b91c1c}.status-dot{width:8px;height:8px;border-radius:999px;background:var(--teal)}.status-demo,.status-loading{background:#94a3b8}.summary-hero{position:relative;z-index:1;grid-template-columns:minmax(0,1.25fr) minmax(280px,.72fr);gap:20px;margin-bottom:16px}.hero-copy,.hero-meta-card,.metric-card,.panel,.integration-card,.ledger-row{min-width:0;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow)}.hero-copy{display:grid;align-content:start;gap:14px;padding:28px;background:radial-gradient(circle at top right,rgba(56,189,248,.16),transparent 24%),linear-gradient(135deg,#0d1b38,#122449);border-color:var(--line-strong)}.hero-copy .eyebrow{color:#ffffffb3}.hero-copy h2{max-width:30ch;color:#fff;font-size:clamp(1.65rem,2.8vw,2.45rem);line-height:1.03;white-space:pre-line}.hero-text,.panel-copy,.metric-foot p,.insight-empty,.legend-item,.chart-labels span,.region-meta span,.ranked-meta,.ledger-cell span,.donut-item span,.auth-total span{margin:0;color:var(--ink-soft);line-height:1.6}.hero-text{max-width:60ch;color:#ffffffc2;font-size:.96rem}.insight-empty{margin:0}.hero-meta{grid-template-columns:1fr}.hero-meta-card{padding:18px;background:#ffffffe0}.hero-meta-stack{display:grid;gap:0;padding:0;overflow:hidden}.hero-meta-item{display:grid;gap:8px;padding:16px 18px}.hero-meta-item+.hero-meta-item{border-top:1px solid var(--line)}.hero-meta-item strong,.hero-meta-item code{display:block;margin-top:0;line-height:1.45;overflow-wrap:anywhere}.hero-meta-item code{font-size:.93rem}.hero-meta-project-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-meta-edit-button{padding:8px 12px;font-size:.84rem;flex:0 0 auto}.view-tabs{display:inline-flex;flex-wrap:wrap;gap:10px;margin-top:6px}.view-tab,.filter-chip{padding:10px 15px;border:1px solid var(--line);background:#fff;color:var(--ink-soft);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}.filter-chip{font-size:.78rem;text-transform:uppercase}.hero-copy .view-tab{border-color:#ffffff24;background:#ffffff0f;color:#ffffffc7}.view-tab:hover,.filter-chip:hover{transform:translateY(-1px)}.view-tab.is-active{border-color:#ffffff38;background:linear-gradient(135deg,#38bdf847,#16a08529);color:#fff}.filter-chip.is-active{border-color:#0ea5e93d;background:var(--accent-soft);color:var(--accent-strong)}.metric-grid{position:relative;z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.metric-card{padding:20px 18px 18px;background:linear-gradient(180deg,#f8fbfff5,#fffffff5)}.metric-card-strong{border-color:#0ea5e933;background:linear-gradient(180deg,#0ea5e914,#fffffffa)}.metric-card strong{display:block;margin:14px 0;font-family:Space Grotesk,Manrope,sans-serif;font-size:2.35rem;font-weight:500;line-height:1;letter-spacing:-.06em;color:var(--ink)}.metric-foot{display:grid;gap:12px}.metric-chip{width:fit-content;padding:6px 10px;background:var(--accent-soft);color:var(--accent-strong);font-size:.76rem}.metric-card-amber .metric-chip{background:#f59e0b24;color:#b45309}.metric-card-rose .metric-chip{background:#f43f5e1f;color:#be123c}.metric-card-plum .metric-chip{background:#a855f71f;color:#7c2d92}.metric-card-copper .metric-chip{background:#f973161f;color:#9a3412}.panel,.integration-card{position:relative;z-index:1;padding:20px}.admin-access-panel{display:grid;gap:18px;margin-bottom:22px}.admin-access-grid{display:grid;grid-template-columns:minmax(320px,.84fr) minmax(0,1.16fr);gap:18px}.admin-card{display:grid;gap:16px;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#f8fbfff5,#fffffffa)}.auth-panel{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,.72fr);gap:22px;align-items:end}.app-shell.is-auth-view .topbar-command{margin-top:50px}.app-shell.is-auth-view .auth-panel{margin-top:14px}.auth-panel-copy{display:grid;gap:12px;align-content:start}.auth-panel-copy h2{margin:0;font-weight:560;letter-spacing:-.018em}.auth-panel-copy>.panel-copy{max-width:56ch}.auth-simple-note{margin-top:8px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#ffffffd6}.auth-simple-note>.section-label{display:block;margin:0 0 8px}.auth-simple-list{margin:0;padding-left:0;list-style:none;display:grid;gap:8px}.auth-simple-list li{position:relative;padding-left:18px;line-height:1.5;color:var(--ink);font-weight:500}.auth-simple-list li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:999px;background:#0ea5e9}.auth-simple-list li:nth-child(2):before{background:#16a085}.auth-simple-list li:nth-child(3):before{background:#2563eb}.login-form{display:grid;gap:16px;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#f8fbfff5,#fffffffa);align-self:end}.form-field{display:grid;gap:8px}.field-input{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font:inherit;transition:border-color .16s ease,box-shadow .16s ease}.field-input:focus{outline:none;border-color:#0ea5e952;box-shadow:0 0 0 4px #0ea5e914}.auth-error{margin:0;padding:12px 14px;border:1px solid rgba(220,38,38,.16);border-radius:16px;background:#fef2f2f0;color:#b91c1c;line-height:1.5}.auth-actions{display:flex;justify-content:flex-start}.auth-success{margin:0;padding:12px 14px;border:1px solid rgba(22,160,133,.16);border-radius:16px;background:#f0fdfaf5;color:var(--teal-ink);line-height:1.5}.submit-button{display:inline-flex;align-items:center;justify-content:center;min-width:132px;padding:12px 18px;border:1px solid rgba(14,165,233,.18);border-radius:999px;background:linear-gradient(135deg,#0ea5e9f0,#16a085eb);color:#fff;font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;box-shadow:0 14px 26px #0ea5e92e}.field-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(180deg,#fff,#fff),linear-gradient(45deg,transparent 50%,var(--ink-soft) 50%),linear-gradient(135deg,var(--ink-soft) 50%,transparent 50%);background-position:0 0,calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:auto,6px 6px,6px 6px;background-repeat:no-repeat;padding-right:40px}.project-checkbox-block{display:grid;gap:10px}.project-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-checkbox-grid.compact{margin-top:4px}.project-check{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink)}.project-check input{margin:0}.project-check span{min-width:0;overflow-wrap:anywhere}.admin-user-list{display:grid;gap:14px}.admin-user-item{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#ffffffeb}.admin-user-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-user-copy{display:grid;gap:4px}.admin-user-copy strong{font-size:.98rem}.admin-user-copy span{color:var(--ink-soft);line-height:1.5;overflow-wrap:anywhere}.membership-badges{display:flex;flex-wrap:wrap;gap:8px}.membership-chip{padding:8px 12px}.admin-user-actions{display:flex;justify-content:flex-end}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 30px #0ea5e933}.submit-button:disabled{cursor:default;opacity:.72}.submit-button.project-submit-button{border-color:#0ea5e9;background:#0ea5e9;color:#fff;box-shadow:0 14px 28px #0ea5e947}.submit-button.project-submit-button:hover:not(:disabled){background:#0284c7;border-color:#0284c7;box-shadow:0 16px 30px #0ea5e952}.submit-button.project-submit-button:disabled{background:#0ea5e98f;border-color:#0ea5e98f}.submit-button.auth-submit-button{border-color:#0ea5e9;background:#0ea5e9;color:#fff;box-shadow:0 14px 28px #0ea5e93d}.submit-button.auth-submit-button:hover:not(:disabled){background:#0284c7;border-color:#0284c7;box-shadow:0 16px 30px #0ea5e94d}.submit-button.auth-submit-button:disabled{background:#0ea5e994;border-color:#0ea5e994}.main-grid{position:relative;z-index:1;grid-template-columns:1fr;align-items:start;margin-bottom:22px}.insight-grid{position:relative;z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;margin-bottom:16px}.insight-card{height:100%}.card-head,.card-head-spread{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.card-copy-block{display:grid;gap:10px}.card-head h2{font-size:1.18rem;line-height:1.12}.chart-summary{display:grid;grid-template-columns:repeat(2,minmax(108px,1fr));gap:12px}.chart-summary-card{padding:14px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-soft)}.chart-summary-card.is-browser{background:linear-gradient(180deg,#0ea5e914,#fffffffa)}.chart-summary-card.is-server{background:linear-gradient(180deg,#16a08514,#fffffffa)}.chart-summary-card strong{display:block;margin-top:8px;font-family:Space Grotesk,Manrope,sans-serif;font-size:1.25rem;line-height:1}.chart-summary-note{display:block;margin-top:8px;color:var(--ink-soft);font-size:.76rem;line-height:1.5}.legend-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}.legend-item{display:inline-flex;align-items:center;gap:8px;font-size:.84rem}.legend-dot{width:10px;height:10px;border-radius:999px}.legend-dot.is-browser{background:var(--accent)}.legend-dot.is-server{background:var(--teal)}.chart-wrap{display:grid;gap:18px}.chart-frame{display:block}.chart-canvas{--chart-height: 320px;position:relative;overflow:visible;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at top left,rgba(14,165,233,.06),transparent 28%),linear-gradient(180deg,#f8fbfff0,#fffffffa);padding:12px 54px 6px 12px}.signal-chart{display:block;width:100%;height:var(--chart-height)}.chart-grid-line{stroke:#dbe5ef;stroke-width:1}.chart-grid-line-vertical{stroke-dasharray:3 8;opacity:.55}.chart-area{fill:#0ea5e91f}.chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart-line-browser{stroke:var(--accent)}.chart-line-server{stroke:var(--teal)}.chart-focus-line{stroke:#0f172a29;stroke-width:1.5;stroke-dasharray:4 6}.chart-point{fill:#fff;stroke-width:3;transition:transform .14s ease,r .14s ease,stroke-width .14s ease}.chart-point-browser{stroke:var(--accent)}.chart-point-server{stroke:var(--teal)}.chart-active-ring{fill:#ffffffc7;stroke-width:2}.chart-active-ring-browser{stroke:#0ea5e947}.chart-active-ring-server{stroke:#16a08547}.chart-hitbox{fill:transparent;cursor:pointer}.chart-tooltip{position:absolute;z-index:2;display:grid;gap:8px;min-width:190px;max-width:230px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fffffff5;box-shadow:0 18px 42px #0f172a29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;transform:translate(-50%,calc(-100% - 18px))}.chart-tooltip.is-right{transform:translate(calc(-100% + 28px),calc(-100% - 18px))}.chart-tooltip.is-left{transform:translate(18px,calc(-100% - 18px))}.chart-tooltip.is-bottom{transform:translate(-50%,18px)}.chart-tooltip.is-right.is-bottom{transform:translate(calc(-100% + 28px),18px)}.chart-tooltip.is-left.is-bottom{transform:translate(18px,18px)}.chart-tooltip strong{font-size:.95rem;line-height:1.3}.chart-tooltip span:last-child{color:var(--ink-soft);font-size:.8rem;line-height:1.55}.chart-tooltip-badge{width:fit-content;padding:5px 9px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.chart-tooltip-badge.is-browser{background:var(--accent-soft);color:var(--accent-strong)}.chart-tooltip-badge.is-server{background:var(--teal-soft);color:var(--teal-ink)}.chart-labels{position:relative;height:28px;margin-top:14px}.chart-axis-label{position:absolute;top:0;transform:translate(-50%);font-size:.78rem;font-weight:600;color:var(--ink-soft);line-height:1;white-space:nowrap}.chart-axis-label.is-start{transform:translate(0)}.chart-axis-label.is-end{transform:translate(-100%)}.chart-scale-overlay{position:absolute;top:12px;right:12px;height:var(--chart-height);width:34px;pointer-events:none}.chart-scale-label{position:absolute;right:0;min-width:28px;padding:3px 6px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(148,163,184,.18);color:#475569;font-size:.72rem;font-weight:700;line-height:1;text-align:center;box-shadow:0 8px 18px #0f172a0f;transform:translateY(-50%)}.region-list,.ranked-list,.donut-legend,.event-ledger{display:grid;gap:12px}.region-list,.ranked-list,.donut-legend,.auth-breakdown{align-content:start}.region-row,.ranked-item,.donut-item{display:grid;gap:8px}.region-meta,.ranked-copy{display:flex;align-items:center;justify-content:space-between;gap:12px}.ranked-copy strong,.ranked-copy span{font-weight:600}.ranked-meta{font-size:.78rem}.region-meta strong,.region-meta span,.donut-copy strong,.donut-item span{font-weight:600}.region-bar,.ranked-track{height:10px;border-radius:999px;background:#eaf1f6;overflow:hidden}.region-fill,.ranked-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--teal))}.donut-layout{display:grid;grid-template-columns:minmax(150px,176px) minmax(0,1fr);gap:16px;align-items:center}.donut-shell{display:grid;place-items:center}.donut-chart{position:relative;width:176px;height:176px;border-radius:999px;padding:24px;background-color:#e9f0f5}.donut-center{display:grid;place-items:center;width:100%;height:100%;border-radius:999px;border:1px solid var(--line);background:#fff;text-align:center}.donut-center strong,.auth-total strong,.auth-cell strong{display:block;font-family:Space Grotesk,Manrope,sans-serif;font-size:1.95rem;line-height:1;letter-spacing:-.06em}.donut-center span,.auth-total span{font-size:.84rem}.donut-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--surface-soft)}.donut-copy{display:flex;align-items:center;gap:10px;min-width:0}.donut-copy strong{line-height:1.3}.donut-swatch{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.auth-card{display:grid;align-content:start;background:linear-gradient(180deg,#0ea5e90d,#fffffffa)}.auth-total{display:grid;justify-items:center;gap:6px;padding:18px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface-soft);text-align:center}.auth-chip{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;border:1px solid rgba(14,165,233,.16);background:linear-gradient(180deg,#0ea5e91f,#16a08514);box-shadow:inset 0 1px #ffffffb3;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.auth-chip svg{width:18px;height:18px;fill:var(--teal-ink)}.auth-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.auth-cell{padding:14px;border-radius:16px;border:1px solid var(--line);background:#fff;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.auth-cell strong{margin-top:8px;font-size:1.15rem}.auth-cell-daily .section-label,.auth-cell-daily strong{color:var(--accent-strong)}.auth-cell-weekly .section-label,.auth-cell-weekly strong{color:var(--teal-ink)}.auth-cell-monthly .section-label{color:#475569}.auth-cell-monthly strong{color:var(--surface-dark)}.auth-chip:hover{box-shadow:0 10px 22px #0f172a0f}.auth-chip:hover{transform:translateY(-1px);border-color:#16a08538}.auth-cell:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a14}.auth-cell-daily:hover{border-color:#0ea5e92e;background:linear-gradient(180deg,#0ea5e914,#fff)}.auth-cell-weekly:hover{border-color:#16a0852e;background:linear-gradient(180deg,#16a08514,#fff)}.auth-cell-monthly:hover{border-color:#64748b38;background:linear-gradient(180deg,#94a3b814,#fff)}.stream-panel{position:relative;z-index:1;margin-bottom:16px}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.pagination-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px}.pagination-button,.pagination-status{border-radius:999px;font-weight:500}.pagination-button{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:9px 12px;border:1px solid var(--line);background:#ffffffe0;color:var(--ink);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}.pagination-button:hover:not(:disabled){transform:translateY(-1px);border-color:#0ea5e93d;background:#f8fbfff5}.pagination-button:disabled{opacity:.45;cursor:default}.pagination-status{display:inline-flex;align-items:center;justify-content:center;min-width:66px;padding:9px 12px;border:1px solid var(--line);background:#ffffffe0;color:var(--ink-soft)}.event-ledger{gap:14px}.ledger-empty{padding:16px 6px 6px}.ledger-head,.ledger-row{display:grid;grid-template-columns:minmax(170px,1.1fr) .72fr minmax(190px,1.2fr) minmax(180px,1fr) minmax(150px,.92fr);gap:14px;align-items:start}.ledger-head{padding:0 6px 4px;color:var(--ink-soft);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.ledger-row{padding:16px 18px;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.ledger-row:hover{border-color:#0ea5e92e;transform:translateY(-1px);box-shadow:0 12px 30px #0f172a14}.ledger-cell{display:grid;gap:6px;min-width:0}.ledger-signal strong,.ledger-time strong{font-size:.95rem}.ledger-signal strong{font-weight:600}.ledger-time strong{font-weight:500}.ledger-cell span{font-size:.82rem}.ledger-mono{font-size:.84rem;overflow-wrap:anywhere}.ledger-time{justify-items:end;text-align:right}.table-badge{width:fit-content;padding:6px 10px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.table-badge.is-browser{background:var(--accent-soft);color:var(--accent-strong)}.table-badge.is-server{background:var(--teal-soft);color:var(--teal-ink)}.integration-grid{position:relative;z-index:1;grid-template-columns:repeat(2,minmax(0,1fr))}.integration-shell{position:relative;z-index:1;display:grid;gap:16px}.integration-shell-head{padding:0 4px}.integration-shell-head .card-copy-block{gap:-600px}.integration-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:8px 12px;border:1px solid rgba(14,165,233,.18);border-radius:999px;background:#0ea5e914;color:var(--accent-strong);font-size:.76rem;font-weight:600}.code-panel{display:grid;gap:0;overflow:hidden;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:radial-gradient(circle at top right,rgba(35,183,255,.14),transparent 26%),linear-gradient(180deg,#091224,#0f1b33);box-shadow:inset 0 1px #ffffff0f}.code-panel-head{display:grid;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(148,163,184,.16);background:#ffffff0a}.code-panel-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.code-file,.code-caption{min-width:0;color:#e2e8f0e0;font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.code-caption{display:block;max-width:100%;color:#bfdbfecc;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code-copy-button{flex:0 0 auto;min-width:92px;padding:8px 12px;border:1px solid rgba(148,163,184,.35);border-radius:999px;background:#0f172a75;color:#e2e8f0f2;font-size:.68rem;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.code-copy-button:hover{border-color:#0ea5e985;background:#0ea5e933;color:#dbeafe}.code-copy-button:focus-visible{outline:2px solid rgba(56,189,248,.66);outline-offset:2px}.code-copy-button.is-copied{border-color:#10b9818a;background:#10b98133;color:#a7f3d0}.code-copy-button.is-error{border-color:#f8717194;background:#f8717133;color:#fecaca}pre{margin:0;min-height:220px;max-height:360px;padding:18px 18px 20px;background:transparent;color:#eff6ff;font-size:.82rem;line-height:1.72;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}pre::-webkit-scrollbar-track{background:#091224b8;border-left:1px solid rgba(148,163,184,.12)}pre::-webkit-scrollbar-thumb{border-color:#091224eb;background:linear-gradient(180deg,#38bdf8f0,#16a085e6)}pre{scrollbar-color:rgba(56,189,248,.94) rgba(9,18,36,.72)}@media (max-width: 1160px){.summary-hero,.project-create-layout,.main-grid,.integration-grid,.auth-panel,.admin-access-grid{grid-template-columns:1fr}.metric-grid,.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 920px){.ledger-head,.ledger-row,.donut-layout{grid-template-columns:1fr}.ledger-head{display:none}.donut-layout{justify-items:center}.auth-breakdown,.insight-grid{grid-template-columns:1fr}.ledger-row{gap:10px}.ledger-time{justify-items:start;text-align:left}}@media (max-width: 760px){.app-shell{padding:18px 14px 36px}.topbar,.hero-meta,.metric-grid,.insight-grid,.project-checkbox-grid{grid-template-columns:1fr}.topbar{gap:14px}.topbar-brand-row{flex-direction:column;align-items:flex-start;gap:10px}.topbar-command{display:grid;grid-template-columns:1fr;padding:10px;gap:10px}.app-shell.is-auth-view .topbar-command{margin-top:4px}.app-shell.is-auth-view .auth-panel{margin-top:10px}.command-section{width:100%;justify-content:flex-start}.command-status .status-pill{width:auto;flex:1 1 auto;justify-content:flex-start}.command-status{display:flex;align-items:center;justify-content:space-between;gap:10px}.logout-with-email-mobile{display:inline-flex;flex:0 0 auto}.logout-with-email-desktop{display:none}.command-project{display:grid;grid-template-columns:1fr;gap:8px;flex:none;justify-content:flex-start}.command-project .command-label{padding-left:2px}.command-project .project-switcher{width:100%;min-width:0}.command-project .project-switcher-trigger{width:100%;position:relative;justify-content:center;padding-right:42px;padding-left:16px}.command-project .project-trigger-label{width:100%;text-align:center}.command-project .project-trigger-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%)}.command-project .project-switcher.is-open .project-trigger-icon{transform:translateY(-50%) rotate(180deg)}.command-project .command-hint{width:100%;justify-content:flex-start}.command-project .project-create-toggle{width:100%;justify-content:center}.project-form-grid{grid-template-columns:1fr}.project-form-actions{justify-content:flex-start}.command-actions{display:grid;grid-template-columns:1fr;gap:8px}.command-actions .logout-button,.command-actions .refresh-button{width:100%;justify-content:center}.command-actions .logout-with-email{width:auto;justify-self:start}.command-actions .logout-icon-button{width:48px}.console-page-tabs{width:100%;justify-content:stretch}.console-page-button{flex:1 1 0}.card-head,.card-head-spread{flex-direction:column;align-items:flex-start}.view-tabs,.filter-row{width:100%}.pagination-row{justify-content:stretch}.pagination-button,.pagination-status{flex:1 1 0}.view-tab,.filter-chip,.status-pill,.top-chip,.count-pill{width:100%;justify-content:center}.topbar-command .top-chip,.topbar-command .status-pill{width:auto}.hero-copy,.hero-meta-card,.metric-card,.panel,.integration-card,.ledger-row{border-radius:18px}.code-panel-head{align-items:stretch}.code-panel-row{width:100%}.code-copy-button{align-self:auto}.code-caption{max-width:100%;text-align:left;white-space:normal;overflow:visible;text-overflow:clip}.metric-card strong,.donut-center strong,.auth-total strong{font-size:1.72rem}pre{min-height:180px;padding:16px}.chart-tooltip{min-width:160px;max-width:190px;padding:10px 12px;gap:6px}}@media (max-width: 520px){.app-shell{padding-inline:12px}.topbar h1{font-size:1.62rem}.hero-copy h2{font-size:1.5rem}.donut-chart{width:158px;height:158px}.command-actions{grid-template-columns:1fr}.logout-email-tooltip{left:0;right:auto;max-width:100%;white-space:normal}.modal-overlay{padding:14px}.modal-card{padding:16px;border-radius:16px}.modal-head{gap:12px}.modal-copy h2{font-size:1.15rem}.modal-actions{flex-direction:column-reverse}.modal-actions .logout-button,.modal-actions .modal-danger-button{width:100%}}