.boot-screen{background:var(--canvas);place-items:center;min-height:100dvh;display:grid}.app-shell{min-height:100dvh}.side-rail{color:#edf5f1;background:var(--rail);z-index:20;flex-direction:column;width:256px;padding:24px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand-lockup,.auth-brand{align-items:center;gap:12px;display:flex}.brand-lockup{padding:0 8px 28px}.brand-lockup strong,.auth-brand strong{letter-spacing:-.02em;font-size:18px;display:block}.brand-lockup small{color:var(--rail-muted);margin-top:2px;font-size:12px;display:block}.brand-mark{border:2px solid #65d2b2;border-radius:9px;flex:0 0 30px;width:30px;height:30px;position:relative;transform:rotate(-7deg)}.brand-mark:before,.brand-mark span{content:"";background:#65d2b2;border-radius:2px;height:2px;position:absolute;left:6px;right:6px}.brand-mark:before{top:8px}.brand-mark span{top:16px;right:3px}.primary-nav{gap:4px;display:grid}.primary-nav a,.mode-switch{min-height:44px;color:var(--rail-muted);border-radius:10px;align-items:center;gap:12px;padding:0 12px;text-decoration:none;transition:background-color .16s,color .16s,transform .12s;display:flex}.primary-nav a:hover,.mode-switch:hover{color:#f5fbf8;background:#172621}.primary-nav a:active,.mode-switch:active{transform:translateY(1px)}.primary-nav a.active{color:#f5fbf8;background:#1c3029;box-shadow:inset 3px 0 #45c3a0}.primary-nav svg,.mode-switch svg{width:21px;height:21px}.rail-footer{gap:14px;margin-top:auto;display:grid}.mode-switch{border:1px solid #273a33;font-size:13px}.account-block{border-top:1px solid #25332e;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding-top:14px;display:grid}.account-block strong,.account-block small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-block strong{color:#eff7f3;font-size:13px}.account-block small{color:var(--rail-muted);margin-top:2px;font-size:11px}.account-block button{color:var(--rail-muted)}.main-canvas{background:var(--canvas);min-height:100dvh;margin-left:256px;position:relative}.desktop-tools{z-index:5;position:absolute;top:18px;right:26px}.mobile-header,.nav-scrim{display:none}.page-content{width:min(1480px,100%);margin:0 auto;padding:46px 42px 64px}.narrow-page{width:min(820px,100%);margin-left:clamp(0px,4vw,72px)}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;min-height:68px;margin-bottom:28px;padding-right:48px;display:flex}.page-header h1{color:var(--text);letter-spacing:-.035em;margin:0;font-size:clamp(27px,3vw,36px);line-height:1.15}.page-header p,.section-heading p{max-width:62ch;color:var(--text-muted);margin:8px 0 0;line-height:1.55}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.back-button{margin:-16px 0 14px -10px}.metric-grid{border:1px solid var(--border);background:var(--surface-raised);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.metric-grid.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid.five-up,.admin-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-tile{border-right:1px solid var(--border);min-height:116px;padding:20px 22px}.metric-tile:last-child{border-right:0}.metric-tile span,.metric-tile small{color:var(--text-muted);display:block}.metric-tile span{font-size:13px;font-weight:600}.metric-tile strong{color:var(--text);letter-spacing:-.045em;margin-top:11px;font:650 30px/1 SF Mono,Roboto Mono,monospace;display:block}.metric-tile small{margin-top:9px;font-size:11px}.content-section,.form-panel,.success-panel{border:1px solid var(--border);background:var(--surface-raised);border-radius:14px}.content-section{margin-top:26px;padding:24px}.section-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.section-heading h2,.success-panel h2,.key-panel h2{color:var(--text);letter-spacing:-.02em;margin:0;font-size:18px}.section-heading p,.success-panel p,.key-panel p{font-size:13px}.table-frame{width:100%;overflow-x:auto}.table-frame table{min-width:760px}.table-frame th{color:var(--text-muted);font-size:12px;font-weight:600}.table-frame td{color:var(--text)}.table-frame tbody tr{border-top:1px solid var(--border)}.table-frame tbody tr:hover{background:var(--surface-muted)}.entity-cell{align-items:center;gap:12px;min-width:220px;display:flex}.entity-icon,.empty-icon,.panel-icon,.auth-icon{color:var(--accent-strong);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:10px;flex:none;place-items:center;display:grid}.entity-icon{width:34px;height:34px}.entity-cell strong,.entity-cell small,.event-name strong,.event-name small,.user-cell strong,.user-cell small{display:block}.entity-cell small,.event-name small,.user-cell small{color:var(--text-muted);margin-top:3px;font-size:11px}.empty-state{text-align:center;align-content:center;place-items:center;min-height:310px;padding:48px 24px;display:grid}.empty-icon{width:52px;height:52px}.empty-icon svg{width:27px;height:27px}.empty-state h2{color:var(--text);margin:18px 0 0;font-size:20px}.empty-state p{max-width:440px;color:var(--text-muted);margin:9px 0 20px;line-height:1.6}.error-state{margin-bottom:20px}.page-skeleton{gap:28px;display:grid}.skeleton-metrics{grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.form-panel,.success-panel{gap:22px;padding:28px;display:grid}.form-panel{max-width:680px}.form-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.success-panel{max-width:680px}.success-symbol{width:42px;height:42px;color:var(--accent)}.detail-tabs{border-bottom:1px solid var(--border);margin:-4px 0 4px}.tab-panel{margin-top:24px}.analytics-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:26px;display:grid}.chart-section,.analytics-grid .content-section{margin-top:26px}.trend-chart{width:100%;min-height:300px}.donut-chart{width:100%;min-height:280px}.distribution-chart{width:100%;min-height:220px}.insights-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.insights-grid .content-section{margin-top:0}.insights-grid .span-two{grid-column:1/-1}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.device-grid .content-section{min-width:0;margin-top:0}.platform-legend{gap:9px;display:grid}.platform-legend>div{grid-template-columns:1fr auto 48px;align-items:center;gap:10px;font-size:12px;display:grid}.platform-legend span{color:var(--text)}.platform-legend strong{font:600 12px SF Mono,monospace}.platform-legend small{color:var(--text-muted);text-align:right}.rank-list{margin:0;padding:0;list-style:none}.rank-list li{border-bottom:1px solid var(--border);grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"rank name count""rank users users";align-items:center;gap:2px 10px;min-height:48px;display:grid}.rank-list li:last-child{border-bottom:0}.rank-list li>span{color:var(--text-muted);grid-area:rank;font:11px SF Mono,monospace}.rank-list li>strong{text-overflow:ellipsis;white-space:nowrap;grid-area:name;font-size:13px;overflow:hidden}.rank-list li>b{grid-area:count;font:600 12px SF Mono,monospace}.rank-list li>small{color:var(--text-muted);grid-area:users;font-size:10px}.platform-chips{flex-wrap:wrap;gap:6px;min-width:230px;display:flex}.platform-chips span{color:var(--accent-strong);border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:color-mix(in srgb, var(--accent) 7%, transparent);border-radius:999px;padding:3px 7px;font-size:11px}.top-events ol{margin:0;padding:0;list-style:none}.top-events li{border-bottom:1px solid var(--border);grid-template-columns:30px 1fr auto;align-items:center;gap:10px;min-height:42px;display:grid}.top-events li:last-child{border-bottom:0}.top-events li span{color:var(--text-muted);font:11px SF Mono,monospace}.top-events li strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.top-events li b{font:600 12px SF Mono,monospace}.muted-copy{color:var(--text-muted)}.event-name{min-width:180px}code{color:var(--accent-strong);font:12px SF Mono,Roboto Mono,monospace}.integration-layout{grid-template-columns:minmax(0,1.6fr) minmax(260px,.6fr);align-items:start;gap:26px;display:grid}.integration-layout .content-section{margin-top:0}.integration-main{gap:20px;display:grid}.code-field textarea{min-height:220px;font:12px/1.7 SF Mono,Roboto Mono,monospace}.key-panel{gap:14px;display:grid}.panel-icon{width:44px;height:44px}.panel-icon svg{width:24px;height:24px}.key-panel p{color:var(--text-muted);margin:0 0 6px;line-height:1.6}.dialog-stack{gap:16px;display:grid}.search-form{gap:8px;display:flex}.search-form input{min-width:220px}.user-search-panel{gap:18px;display:grid}.identity-search{grid-template-columns:minmax(280px,680px) auto;align-items:end;gap:12px;display:grid}.identity-summary{border:1px solid var(--border);background:var(--surface-raised);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:26px 0;padding:18px 22px;display:grid}.identity-summary span,.identity-summary strong{display:block}.identity-summary span{color:var(--text-muted);margin-bottom:7px;font-size:11px}.identity-summary strong{color:var(--text);text-overflow:ellipsis;font:600 12px/1.5 SF Mono,Roboto Mono,monospace;overflow:hidden}.user-activity-result .insights-grid{margin-top:26px}.flush-section{padding:4px 14px 14px}.user-cell{min-width:190px}.admin-overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:26px;display:grid}.admin-actions{flex-direction:column;display:flex}.admin-actions>button:not([class*=fui-]){width:100%;min-height:70px;color:var(--text);text-align:left;border:0;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 0;display:grid}.admin-actions>button:not([class*=fui-]):hover{color:var(--accent-strong)}.admin-actions>button:not([class*=fui-]):active{transform:translateY(1px)}.admin-actions>button span strong,.admin-actions>button span small{display:block}.admin-actions>button span small{color:var(--text-muted);margin-top:4px}.auth-layout{background:var(--surface-raised);grid-template-columns:minmax(440px,.95fr) minmax(500px,1.05fr);min-height:100dvh;display:grid}.auth-story{color:#eaf6f1;background:#0b211a;flex-direction:column;min-height:100dvh;padding:46px clamp(38px,6vw,88px);display:flex}.auth-brand{color:#f2fbf7}.auth-message{max-width:620px;margin:auto 0}.auth-icon{color:#83dfc2;background:#173a2f;width:54px;height:54px}.auth-icon svg{width:28px;height:28px}.auth-message h1{letter-spacing:-.052em;max-width:13ch;margin:28px 0 0;font-size:clamp(38px,5vw,66px);line-height:1.08}.auth-message p{color:#adcbc0;max-width:520px;margin:24px 0 0;font-size:16px;line-height:1.75}.auth-assurances{color:#b8d2c8;flex-wrap:wrap;gap:24px;font-size:13px;display:flex}.auth-assurances span{align-items:center;gap:8px;display:flex}.auth-form-wrap{background:var(--surface-raised);place-items:center;padding:40px;display:grid}.auth-form{gap:22px;width:min(420px,100%);display:grid}.form-heading{margin-bottom:6px}.form-heading h2{color:var(--text);letter-spacing:-.035em;margin:0;font-size:30px}.form-heading p,.auth-switch{color:var(--text-muted);margin:10px 0 0;line-height:1.6}.auth-switch{text-align:center;font-size:13px}.auth-switch a{font-weight:600}@media (width<=1180px){.admin-metrics{grid-template-columns:repeat(3,1fr)}.admin-metrics .metric-tile:nth-child(3){border-right:0}.admin-metrics .metric-tile:nth-child(n+4){border-top:1px solid var(--border)}.analytics-grid,.admin-overview-grid{grid-template-columns:1fr}.metric-grid.five-up{grid-template-columns:repeat(3,1fr)}.metric-grid.five-up .metric-tile:nth-child(3){border-right:0}.metric-grid.five-up .metric-tile:nth-child(n+4){border-top:1px solid var(--border)}}@media (width<=900px){.side-rail{transition:transform .18s;transform:translate(-100%)}.nav-open .side-rail{transform:translate(0)}.main-canvas{margin-left:0;padding-top:58px}.mobile-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface-raised) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:15;justify-content:space-between;align-items:center;height:58px;padding:0 12px;display:flex;position:fixed;inset:0 0 auto}.desktop-tools{display:none}.nav-scrim{z-index:18;background:#060d0a7a;border:0;position:fixed;inset:0}.nav-open .nav-scrim{display:block}.page-content{padding:30px 22px 48px}.narrow-page{margin:0 auto}.page-header{padding-right:0}.auth-layout{grid-template-columns:1fr}.auth-story{min-height:auto;padding:30px 28px}.auth-message{margin:70px 0}.auth-message h1{font-size:42px}.auth-form-wrap{min-height:620px}.insights-grid,.device-grid{grid-template-columns:1fr}.insights-grid .span-two{grid-column:auto}.identity-summary{grid-template-columns:1fr 1fr}}@media (width<=700px){.page-header{flex-direction:column;min-height:auto}.header-actions,.header-actions>button,.search-form{width:100%}.search-form{flex-direction:column}.search-form input{min-width:0}.identity-search,.identity-summary{grid-template-columns:1fr}.metric-grid,.metric-grid.four-up,.metric-grid.five-up,.admin-metrics{grid-template-columns:1fr 1fr}.metric-tile,.admin-metrics .metric-tile{border-right:1px solid var(--border);border-top:1px solid var(--border)}.metric-tile:nth-child(odd){border-left:0}.metric-tile:nth-child(2n){border-right:0}.metric-tile:nth-child(-n+2){border-top:0}.integration-layout{grid-template-columns:1fr}.form-panel,.success-panel,.content-section{padding:20px}.detail-tabs{overflow-x:auto}.auth-form-wrap{min-height:auto;padding:56px 24px}.auth-message{margin:50px 0}.auth-message h1{font-size:35px}.auth-assurances{gap:14px}}@media (width<=460px){.page-content{padding-inline:14px}.metric-tile{min-height:104px;padding:17px 15px}.metric-tile strong{font-size:25px}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{color:#17201d;font-synthesis:none;text-rendering:optimizelegibility;--accent:#078768;--accent-strong:#066a53;--canvas:#f4f7f6;--surface:#fbfcfc;--surface-raised:#fff;--surface-muted:#edf2f0;--text:#17201d;--text-muted:#5c6965;--border:#d9e1de;--chart-grid:#e2e9e6;--rail:#0d1714;--rail-muted:#9fb0aa;background:#f4f7f6;font-family:SF Pro Text,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}:root[data-theme=dark]{color:#e8efec;--accent:#45c3a0;--accent-strong:#83dfc2;--canvas:#111815;--surface:#17201d;--surface-raised:#1b2622;--surface-muted:#202c28;--text:#e8efec;--text-muted:#9eaca7;--border:#33413c;--chart-grid:#2d3935;--rail:#0a100e;--rail-muted:#92a29d;background:#111815}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px;min-height:100%}body{background:var(--canvas);min-width:320px;min-height:100%;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--accent-strong)}#root,.fluent-root{min-height:100dvh}.fluent-root{color:var(--text);background:var(--canvas)!important}