@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root,html[data-theme=light]{--bg-page:#fff;--bg-panel:#fff;--bg-subtle:#f7f8fa;--bg-hover:#f2f4f7;--text-primary:#0f172a;--text-secondary:#475467;--text-muted:#8a94a6;--text-inverse:#fff;--line:#e7ebf0;--line-strong:#d7dde6;--accent:#ff6a1a;--accent-hover:#e85a0a;--accent-soft:#ff6a1a1f;--accent-softer:#ff6a1a0f;--accent-contrast:#fff;--success:#16a34a;--success-soft:#16a34a1a;--warning:#b45309;--warning-soft:#f59e0b24;--danger:#dc2626;--danger-soft:#dc26261a;--tone-teal:#0d9488;--tone-blue:#2563eb;--tone-gold:#ca8a04;--tone-rose:#dc2626;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--bg-page:#0b0d12;--bg-panel:#12151c;--bg-subtle:#171b24;--bg-hover:#1d222c;--text-primary:#f3f4f6;--text-secondary:#a8b3c5;--text-muted:#6b7687;--text-inverse:#0b0d12;--line:#232935;--line-strong:#2e3543;--accent:#ff7a2a;--accent-hover:#ff8d46;--accent-soft:#ff7a2a24;--accent-softer:#ff7a2a12;--accent-contrast:#0b0d12;--success:#22c55e;--success-soft:#22c55e24;--warning:#f59e0b;--warning-soft:#f59e0b2e;--danger:#f87171;--danger-soft:#f871712e;--tone-teal:#2dd4bf;--tone-blue:#60a5fa;--tone-gold:#facc15;--tone-rose:#fb7185;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg-page);min-height:100vh;color:var(--text-primary);margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,Segoe UI Variable,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;transition:background-color .16s,color .16s}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;margin:0;font-weight:600}p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select,textarea{font:inherit;color:inherit;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-sm);outline:none;width:100%;padding:.55rem .7rem;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}code{background:var(--bg-subtle);border:1px solid var(--line);border-radius:6px;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82em}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}.workspace-shell{background:var(--bg-page);grid-template-columns:68px 1fr;min-height:100vh;display:grid}.workspace-sidebar{border-right:1px solid var(--line);background:var(--bg-panel);z-index:80;flex-direction:column;gap:18px;height:100vh;padding:14px 10px;display:flex;position:sticky;top:0;overflow:visible}.sidebar-brand{border-bottom:1px solid var(--line);place-items:center;padding:6px 0 10px;display:grid}.sidebar-brand__dot{background:var(--accent);width:32px;height:32px;color:var(--accent-contrast);border-radius:8px;place-items:center;font-size:14px;font-weight:700;display:grid}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-nav__button{width:44px;height:44px;color:var(--text-muted);border-radius:8px;place-items:center;margin:0 auto;transition:all .12s;display:grid;position:relative}.sidebar-nav__button svg{width:18px;height:18px}.sidebar-nav__button:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-nav__button.is-active{color:var(--accent);background:var(--accent-soft)}.sidebar-nav__tooltip{background:var(--text-primary);color:var(--bg-panel);white-space:nowrap;pointer-events:none;opacity:0;z-index:120;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500;transition:opacity .12s;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.sidebar-nav__button:hover .sidebar-nav__tooltip,.sidebar-foot__btn:hover .sidebar-nav__tooltip{opacity:1}.sidebar-foot{border-top:1px solid var(--line);flex-direction:column;gap:4px;padding-top:10px;display:flex}.sidebar-foot__btn{width:44px;height:44px;color:var(--text-muted);border-radius:8px;place-items:center;margin:0 auto;transition:all .12s;display:grid;position:relative}.sidebar-foot__btn svg{width:18px;height:18px}.sidebar-foot__btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-hover)}.sidebar-foot__btn:disabled{opacity:.45;cursor:not-allowed}.workspace-main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--bg-panel);z-index:20;grid-template-columns:1fr minmax(0,320px) auto;align-items:center;gap:16px;padding:12px 24px;display:grid;position:sticky;top:0}.topbar-left h1{color:var(--text-primary);font-size:16px;font-weight:600}.topbar-search{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text-muted);align-items:center;gap:8px;padding:6px 10px;transition:border-color .12s,box-shadow .12s;display:flex}.topbar-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--bg-panel)}.topbar-search svg{flex-shrink:0;width:14px;height:14px}.topbar-search input{color:var(--text-primary);background:0 0;border:0;padding:0;font-size:13px}.topbar-search input:focus{box-shadow:none}.topbar-actions{align-items:center;gap:8px;display:flex}.date-range-control-wrap{position:relative}.date-range-control{background:linear-gradient(180deg, var(--accent-softer) 0%, transparent 100%), var(--bg-subtle);border:1px solid var(--line);border-radius:18px;align-items:center;gap:4px;padding:4px;display:inline-flex}.date-range-control__button{color:var(--text-secondary);border-radius:14px;padding:7px 12px;font-size:12px;font-weight:600;transition:background-color .14s,color .14s,border-color .14s}.date-range-control__button:hover{background:var(--bg-hover);color:var(--text-primary)}.date-range-control__button.is-active{background:var(--accent);color:var(--accent-contrast)}.date-range-popover{border:1px solid var(--line);background:radial-gradient(circle at top right, var(--accent-softer), transparent 36%), var(--bg-panel);z-index:40;border-radius:22px;width:min(680px,100vw - 120px);padding:18px;position:absolute;top:calc(100% + 10px);right:0}.date-range-popover__header,.date-range-popover__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.date-range-popover__header{margin-bottom:14px}.date-range-popover__header h2{font-size:14px;font-weight:600}.date-range-popover__nav{align-items:center;gap:6px;display:flex}.date-range-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.date-range-picker__month{border:1px solid var(--line);background:var(--bg-subtle);border-radius:18px;padding:12px}.date-range-picker__month-label{color:var(--text-primary);margin-bottom:10px;font-size:13px;font-weight:700}.date-range-picker__weekdays,.date-range-picker__grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.date-range-picker__weekdays{margin-bottom:8px}.date-range-picker__weekdays span{text-align:center;color:var(--text-muted);font-size:11px;font-weight:600}.date-range-picker__day{height:36px;color:var(--text-primary);border-radius:10px;font-size:12px;transition:background-color .14s,color .14s,transform .14s}.date-range-picker__day:hover{background:var(--bg-hover)}.date-range-picker__day.is-outside{color:var(--text-muted);opacity:.55}.date-range-picker__day.is-in-range{background:var(--accent-soft);color:var(--accent)}.date-range-picker__day.is-edge{background:var(--accent);color:var(--accent-contrast)}.date-range-popover__footer{margin-top:16px}.topbar-icon-btn{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-secondary);place-items:center;transition:all .12s;display:grid}.topbar-icon-btn svg{width:16px;height:16px}.topbar-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar-account-menu{position:relative}.topbar-avatar{background:var(--accent);width:34px;height:34px;color:var(--accent-contrast);letter-spacing:.02em;border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.topbar-account-menu__dropdown{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-sm);z-index:30;min-width:140px;padding:4px;position:absolute;top:calc(100% + 6px);right:0}.topbar-account-menu__item{text-align:left;width:100%;color:var(--text-primary);border-radius:6px;padding:8px 10px;font-size:13px}.topbar-account-menu__item:hover{background:var(--bg-hover)}.workspace-main-inner{flex:1;min-width:0;padding:20px 24px 40px}.page-scroll{flex-direction:column;gap:20px;display:flex}.panel-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;font-size:11px;font-weight:600}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.analytics-grid{gap:12px;display:grid}.analytics-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-analytics-layout{grid-template-columns:minmax(280px,.95fr) minmax(0,2.05fr);align-items:stretch;gap:12px;display:grid}.overview-analytics-layout__summary{grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:100%;display:grid}.overview-analytics-layout__summary>.panel-card:last-child{height:100%}.overview-analytics-layout__main,.content-grid{gap:12px;display:grid}.content-grid--wide{grid-template-columns:1fr 1fr}.content-grid--sidebar{grid-template-columns:2fr 1fr}.stack-grid{gap:12px;display:grid}@media (width<=1180px){.summary-grid,.analytics-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid--three,.overview-analytics-layout,.content-grid--wide,.content-grid--sidebar{grid-template-columns:1fr}}@media (width<=640px){.workspace-shell{grid-template-columns:56px 1fr}.topbar{grid-template-columns:1fr auto;gap:10px;padding:10px 14px}.topbar-search{display:none}.workspace-main-inner{padding:14px}.summary-grid{grid-template-columns:1fr 1fr}.date-range-control{scrollbar-width:none;max-width:calc(100vw - 120px);overflow-x:auto}.date-range-control::-webkit-scrollbar{display:none}.date-range-popover{width:min(560px,100vw - 24px);right:-44px}.date-range-picker{grid-template-columns:1fr}}.panel-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px}.panel-card--compact{padding:14px}.panel-card__header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.panel-card__header h2{color:var(--text-primary);font-size:14px;font-weight:600}.summary-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:12px;padding:14px;display:flex;position:relative;overflow:hidden}.summary-card:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.summary-card.tone-teal:before{background:var(--tone-teal)}.summary-card.tone-blue:before{background:var(--tone-blue)}.summary-card.tone-gold:before{background:var(--accent)}.summary-card.tone-rose:before{background:var(--danger)}.summary-card__icon{background:var(--bg-subtle);width:36px;height:36px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.summary-card__icon svg{width:16px;height:16px}.summary-card__body{min-width:0}.summary-card__body strong{color:var(--text-primary);letter-spacing:-.01em;font-size:22px;font-weight:700;display:block}.summary-card__body p{color:var(--text-muted);margin-top:2px;font-size:12px}.insight-list{flex-direction:column;display:flex}.insight-list__row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.insight-list__row:last-child{border-bottom:0}.insight-list__row span{color:var(--text-secondary)}.insight-list__row strong{color:var(--text-primary);font-weight:600}.donut-card{grid-template-columns:140px 1fr;align-items:center;gap:16px;display:grid}.donut-card__chart{width:148px;height:148px;position:relative}.donut-card__svg{width:100%;height:100%;display:block;overflow:visible}.donut-card__track{stroke:var(--bg-subtle);stroke-linecap:butt}.donut-card__segment{stroke-linecap:butt;stroke-dasharray:1;stroke-dashoffset:1px;transition:filter .16s;animation:1.15s cubic-bezier(.16,1,.3,1) both donut-draw}.donut-card__segment:hover{filter:brightness(1.08)}.donut-card__center{text-align:center;pointer-events:none;background:var(--bg-panel);border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:28px}.donut-card__center strong{color:var(--text-primary);letter-spacing:-.01em;font-size:17px;font-weight:700;line-height:1}@keyframes donut-draw{to{stroke-dashoffset:0}}.donut-legend{flex-direction:column;gap:6px;min-width:0;display:flex}.donut-legend__row{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.donut-legend__label{color:var(--text-secondary);align-items:center;gap:6px;min-width:0;display:flex}.donut-legend__label span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.donut-legend__dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.donut-legend__row strong{color:var(--text-primary);font-weight:600}.area-chart{width:100%;height:240px;position:relative}.area-chart__legend{color:var(--text-secondary);align-items:center;gap:14px;margin-bottom:10px;font-size:12px;display:flex}.area-chart__legend span{align-items:center;gap:6px;display:inline-flex}.area-chart__legend-swatch{background:var(--accent);border-radius:999px;width:18px;height:3px}.area-chart__legend-swatch--secondary{background:color-mix(in srgb, var(--accent) 72%, var(--text-primary) 28%)}.area-chart__svg{width:100%;height:100%;display:block}.area-chart__line{stroke:var(--accent);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.area-chart__line--secondary{stroke:color-mix(in srgb, var(--accent) 72%, var(--text-primary) 28%);stroke-width:2px}.area-chart__point{fill:var(--accent);stroke:var(--bg-panel);stroke-width:1.5px}.area-chart__point--secondary{fill:color-mix(in srgb, var(--accent) 72%, var(--text-primary) 28%)}.area-chart__point--active{stroke-width:2.5px}.area-chart__crosshair{stroke:color-mix(in srgb, var(--accent) 25%, transparent 75%);stroke-width:1px;stroke-dasharray:4 4}.area-chart__hitbox{fill:#0000;cursor:crosshair}.area-chart__tooltip{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-panel) 94%, white 6%);pointer-events:none;z-index:2;border-radius:12px;min-width:132px;padding:10px 12px;position:absolute;bottom:calc(100% - 20px);transform:translate(-50%);box-shadow:0 16px 40px #0f172a1f}.area-chart__tooltip strong{color:var(--text-primary);margin-bottom:4px;font-size:12px;display:block}.area-chart__tooltip span{color:var(--text-secondary);font-size:11px;display:block}.area-chart__grid{stroke:var(--line);stroke-width:1px;stroke-dasharray:2 3}.area-chart__axis-label{fill:var(--text-muted);font-family:inherit;font-size:10px}.model-matrix{flex-direction:column;gap:10px;display:flex}.model-matrix__row{border-bottom:1px solid var(--line);padding:10px 0}.model-matrix__row:last-child{border-bottom:0;padding-bottom:0}.model-matrix__top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.model-matrix__top strong{color:var(--text-primary);font-size:13px;display:block}.model-matrix__top>div>span{color:var(--text-muted);font-size:11px}.model-matrix__track{background:var(--bg-subtle);border-radius:999px;width:100%;height:4px;overflow:hidden}.model-matrix__fill{background:var(--accent);border-radius:inherit;height:100%;display:block}.model-matrix__types{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.status-pill{border:1px solid var(--line);background:var(--bg-subtle);color:var(--text-secondary);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.status-pill--ok{background:var(--success-soft);color:var(--success);border-color:#0000}.status-pill--warn{background:var(--warning-soft);color:var(--warning);border-color:#0000}.status-pill--alert{background:var(--danger-soft);color:var(--danger);border-color:#0000}.type-pill{border:1px solid var(--line);background:var(--bg-subtle);color:var(--text-secondary);white-space:nowrap;border-radius:6px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.type-pill--alert{color:var(--danger);background:var(--danger-soft);border-color:#0000}.type-pills,.table-pills{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.avatar-badge{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);letter-spacing:.02em;border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.avatar-badge--small{width:28px;height:28px;font-size:10px}.avatar-badge--large{width:52px;height:52px;font-size:16px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-panel);width:100%;overflow-x:auto}.directory-table,.datagrid,.identity-table{border-collapse:collapse;width:100%;font-size:13px}.directory-table thead th,.datagrid thead th,.identity-table thead th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);background:var(--bg-subtle);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}.directory-table tbody td,.datagrid tbody td,.identity-table tbody td{border-bottom:1px solid var(--line);color:var(--text-primary);vertical-align:middle;padding:12px 14px}.directory-table tbody tr:last-child td,.datagrid tbody tr:last-child td,.identity-table tbody tr:last-child td{border-bottom:0}.directory-table tbody tr:hover td,.datagrid tbody tr:hover td{background:var(--bg-hover)}.datagrid__num{text-align:right;font-variant-numeric:tabular-nums}.datagrid__row--clickable{cursor:pointer}.directory-table__user,.datagrid__identity{align-items:center;gap:10px;display:flex}.directory-table__user strong,.datagrid__identity strong{color:var(--text-primary);font-size:13px;font-weight:600;display:block}.directory-table__user span,.datagrid__identity span{color:var(--text-muted);font-size:11px;display:block}.identity-table tbody td strong{color:var(--text-primary);font-size:13px;font-weight:600;display:block}.identity-table tbody td span{color:var(--text-muted);font-family:ui-monospace,monospace;font-size:11px;display:block}.table-link{color:var(--accent);background:0 0;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.table-link:hover:not(:disabled){background:var(--accent-soft)}.table-link:disabled{opacity:.5;cursor:not-allowed}.tabgrid{padding:0;overflow:hidden}.tabgrid__header{border-bottom:1px solid var(--line);padding:12px 14px}.tabgrid__tabs{background:var(--bg-subtle);border:1px solid var(--line);border-radius:var(--radius-sm);gap:4px;padding:3px;display:inline-flex}.tabgrid__tab{color:var(--text-secondary);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .12s}.tabgrid__tab:hover{color:var(--text-primary)}.tabgrid__tab.is-active{background:var(--bg-panel);color:var(--accent);border:1px solid var(--line)}.tabgrid__body{padding:0}.tabgrid__body .datagrid thead th{border-radius:0}.compact-table,.activity-list{flex-direction:column;display:flex}.compact-table__row,.activity-list__item{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;transition:background .12s;display:flex}.compact-table__row:last-child,.activity-list__item:last-child{border-bottom:0}.compact-table__row:hover,.activity-list__item:hover{background:var(--bg-hover)}.compact-table__identity{align-items:center;gap:10px;min-width:0;display:flex}.compact-table__identity strong{color:var(--text-primary);font-size:13px;font-weight:600;display:block}.compact-table__identity span{color:var(--text-muted);font-size:11px;display:block}.compact-table__meta{flex-direction:column;align-items:flex-end;gap:2px;font-size:11px;display:flex}.compact-table__meta span{color:var(--text-muted)}.compact-table__meta strong{color:var(--text-primary);font-weight:600}.activity-list__head{justify-content:space-between;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.activity-list__head strong{color:var(--text-primary)}.activity-list__head span{color:var(--text-muted)}.activity-list__sub{color:var(--text-muted);justify-content:space-between;gap:8px;font-size:11px;display:flex}.shared-ip-list,.shared-ip-grid{gap:10px;display:grid}.shared-ip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=900px){.shared-ip-grid{grid-template-columns:1fr}}.shared-ip-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px}.shared-ip-card__header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.shared-ip-card__header strong{color:var(--text-primary);font-family:ui-monospace,monospace;font-size:12px}.shared-ip-card__header span{color:var(--text-muted);font-size:11px}.shared-ip-card__users{flex-direction:column;gap:2px;display:flex}.shared-ip-card__user{color:var(--text-secondary);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.shared-ip-card__user:hover{background:var(--bg-hover);color:var(--text-primary)}.shared-ip-card__user span{font-weight:500}.shared-ip-card__user em{color:var(--text-muted);font-size:11px;font-style:normal}.drawer-shell{z-index:100;position:fixed;inset:0}.drawer-overlay{background:#0f172a59;border:0;position:absolute;inset:0}html[data-theme=dark] .drawer-overlay{background:#0000008c}.drawer{background:var(--bg-panel);border-left:1px solid var(--line);flex-direction:column;width:min(560px,100%);height:100%;display:flex;position:absolute;top:0;right:0}.drawer__topbar{border-bottom:1px solid var(--line);background:var(--bg-panel);z-index:1;justify-content:space-between;align-items:flex-start;padding:14px 20px;display:flex;position:sticky;top:0}.drawer__topbar h2{font-size:16px;font-weight:600}.drawer__topbar-left{min-width:0}.drawer__close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);place-items:center;transition:all .12s;display:grid}.drawer__close svg{width:16px;height:16px}.drawer__close:hover{background:var(--bg-hover);color:var(--text-primary)}.drawer__body{flex-direction:column;flex:1;gap:18px;padding:18px 20px 28px;display:flex;overflow-y:auto}.drawer-loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:40px 0;display:flex}.drawer-spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite drawer-spin}@keyframes drawer-spin{to{transform:rotate(360deg)}}.drawer-loading__text{font-size:13px}.drawer-hero{align-items:center;gap:14px;display:flex}.drawer-hero__avatar{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;font-weight:700;display:grid}.drawer-hero__info{flex:1;min-width:0}.drawer-hero__name{color:var(--text-primary);font-size:16px;font-weight:600}.drawer-hero__email{color:var(--text-muted);margin-top:2px;font-size:13px}.drawer-hero__badges{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.drawer-meta-strip{background:var(--bg-subtle);border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px;display:grid}.drawer-meta-strip__item{flex-direction:column;gap:2px;min-width:0;display:flex}.drawer-meta-strip__item span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px;font-weight:600}.drawer-meta-strip__item strong{color:var(--text-primary);font-size:13px;font-weight:600}.drawer-section{border-top:1px solid var(--line);padding-top:14px}.drawer-section__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.drawer-section__badge{background:var(--bg-subtle);color:var(--text-secondary);letter-spacing:normal;text-transform:none;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:600}.drawer-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.drawer-field{flex-direction:column;gap:2px;min-width:0;display:flex}.drawer-field span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px;font-weight:600}.drawer-field strong{color:var(--text-primary);font-size:13px;font-weight:500}.drawer-field code{background:0 0;border:0;padding:0;font-size:12px}.drawer-analytics{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=680px){.drawer-fields,.drawer-analytics{grid-template-columns:1fr}.drawer-meta-strip{grid-template-columns:repeat(2,1fr)}}.drawer-related{flex-direction:column;gap:4px;display:flex}.drawer-related__item{border-radius:var(--radius-sm);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.drawer-related__item:hover{background:var(--bg-hover)}.drawer-related__item strong{color:var(--text-primary);font-size:13px;font-weight:500;display:block}.drawer-related__item span{color:var(--text-muted);font-size:11px;display:block}.drawer-related__date{color:var(--text-muted);white-space:nowrap;font-size:11px}.prompt-list{flex-direction:column;gap:8px;display:flex}.prompt-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-panel);padding:10px 12px}.prompt-card__head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.prompt-card__date{color:var(--text-muted);white-space:nowrap;font-size:11px}.prompt-card__text{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:6px 0;font-size:13px;line-height:1.5}.prompt-card__foot{color:var(--text-muted);flex-wrap:wrap;gap:8px;margin-top:6px;font-size:11px;display:flex}.prompt-card__foot a{font-weight:500}.prompt-card__meta{color:var(--text-muted);margin-top:8px;font-size:11px}.prompt-card__meta summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0}.prompt-card__meta pre{background:var(--bg-subtle);border-radius:6px;max-height:200px;margin:4px 0 0;padding:8px;font-size:11px;overflow:auto}.modal-shell{z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-overlay{background:#0f172a73;border:0;position:absolute;inset:0}html[data-theme=dark] .modal-overlay{background:#0009}.modal-panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-md);width:100%;max-width:480px;max-height:90vh;padding:18px;position:relative;overflow-y:auto}.modal-panel__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.modal-panel__header h2{font-size:15px;font-weight:600}.modal-close{border-radius:var(--radius-sm);color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--line);padding:4px 10px;font-size:12px}.modal-close:hover:not(:disabled){color:var(--text-primary)}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-panel__actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:6px;padding-top:12px;display:flex}.identity-form{flex-direction:column;gap:12px;display:flex}.identity-form label>span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.identity-checklist{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-subtle);grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.identity-checklist label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.identity-checklist input[type=checkbox]{width:auto;accent-color:var(--accent);margin:0}.identity-delete-button{color:var(--danger);background:0 0;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.identity-delete-button:hover{background:var(--danger-soft)}.identity-manager__message{background:var(--success-soft);color:var(--success);border-radius:var(--radius-sm);margin-bottom:10px;padding:8px 10px;font-size:12px}.analytics-users-grid{flex-direction:column;gap:12px;display:flex}.analytics-users-grid__actions{align-items:center;gap:8px;display:flex}.analytics-users-grid__error{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);margin:0;padding:8px 10px;font-size:12px}.auth-submit{background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .12s;display:inline-flex;position:relative}.auth-submit:hover:not(:disabled){background:var(--accent-hover)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-submit.is-loading{pointer-events:none}.auth-submit-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite drawer-spin}.auth-shell{background:var(--bg-subtle);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;width:min(900px,100%);max-width:900px;display:grid;overflow:hidden}.auth-aside{background:var(--accent);color:var(--accent-contrast);place-items:center;min-height:400px;padding:28px;display:grid}.auth-aside-inner{flex-direction:column;align-items:center;gap:20px;display:flex}.auth-brand{place-items:center;display:grid}.brand-logo{filter:brightness(0)invert();width:72px;height:72px}.auth-main{padding:32px 36px}.auth-main-inner{flex-direction:column;gap:20px;max-width:340px;margin:0 auto;display:flex}.auth-header{flex-direction:column;gap:14px;display:flex}.auth-subtitle{color:var(--text-secondary);font-size:14px}.auth-mode-switch{background:var(--bg-subtle);border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:2px;padding:3px;display:grid}.auth-mode-switch__button{color:var(--text-secondary);border-radius:6px;padding:6px 10px;font-size:13px;font-weight:500;transition:all .12s}.auth-mode-switch__button.is-active{background:var(--bg-panel);color:var(--accent);border:1px solid var(--line)}.auth-mode-switch__button:disabled{opacity:.6;cursor:not-allowed}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-field{flex-direction:column;gap:4px;display:flex}.auth-field span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11px;font-weight:600}.password-field{position:relative}.password-field input{padding-right:40px}.password-toggle{width:28px;height:28px;color:var(--text-muted);border-radius:6px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle svg{width:16px;height:16px}.password-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.auth-remember{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.auth-remember input{width:auto;accent-color:var(--accent);margin:0}.auth-notice{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-sm);padding:8px 10px;font-size:12px}.auth-support{text-align:center}.auth-footnote{color:var(--text-muted);font-size:11px;line-height:1.5}@media (width<=720px){.auth-card{grid-template-columns:1fr}.auth-aside{min-height:180px;padding:20px}.auth-main{padding:22px}}.empty-state{text-align:center;color:var(--text-muted);background:var(--bg-subtle);border:1px dashed var(--line);border-radius:var(--radius-sm);padding:20px 12px;font-size:12px}.error{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);margin:0;padding:8px 10px;font-size:12px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes text-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.summary-card,.panel-card{animation:.72s cubic-bezier(.16,1,.3,1) both rise}.summary-grid>:first-child{animation-delay:0s}.summary-grid>:nth-child(2){animation-delay:60ms}.summary-grid>:nth-child(3){animation-delay:.12s}.summary-grid>:nth-child(4){animation-delay:.18s}.analytics-grid>:first-child{animation-delay:.14s}.analytics-grid>:nth-child(2){animation-delay:.2s}.analytics-grid>:nth-child(3){animation-delay:.26s}.analytics-grid>:nth-child(4),.content-grid>:first-child{animation-delay:.32s}.content-grid>:nth-child(2){animation-delay:.38s}.stack-grid>:first-child{animation-delay:0s}.stack-grid>:nth-child(2){animation-delay:80ms}.topbar h1,.auth-card .auth-subtitle,.auth-card .auth-footnote,.auth-card .auth-notice,.auth-card .error,.auth-card .auth-mode-switch__button,.auth-card .auth-field>span,.auth-card .auth-remember label,.auth-card .auth-submit>span,.page-scroll .panel-kicker,.page-scroll .panel-card__header h2,.page-scroll .summary-card__body strong,.page-scroll .summary-card__body p,.page-scroll .insight-list__row span,.page-scroll .insight-list__row strong,.page-scroll .donut-card__center span,.page-scroll .donut-card__center strong,.page-scroll .donut-legend__label span:last-child,.page-scroll .donut-legend__row>strong,.page-scroll .compact-table__identity strong,.page-scroll .compact-table__identity span,.page-scroll .compact-table__meta span,.page-scroll .compact-table__meta strong,.page-scroll .activity-list__head strong,.page-scroll .activity-list__head span,.page-scroll .activity-list__sub span,.page-scroll .tabgrid__tab,.page-scroll .datagrid th,.page-scroll .datagrid td strong,.page-scroll .datagrid td span,.page-scroll .datagrid td,.page-scroll .model-matrix__top strong,.page-scroll .model-matrix__top span,.page-scroll .type-pill,.page-scroll .empty-state{opacity:0;animation:.52s cubic-bezier(.22,1,.36,1) both text-rise}.topbar h1{animation-delay:90ms}.auth-card .auth-subtitle,.page-scroll .panel-kicker,.page-scroll .summary-card__body p{animation-delay:.15s}.auth-card .auth-mode-switch__button,.auth-card .auth-field>span,.page-scroll .panel-card__header h2,.page-scroll .summary-card__body strong,.page-scroll .donut-card__center span,.page-scroll .model-matrix__top span{animation-delay:.22s}.auth-card .auth-remember label,.auth-card .auth-footnote,.auth-card .auth-notice,.auth-card .error,.auth-card .auth-submit>span,.page-scroll .insight-list__row span,.page-scroll .insight-list__row strong,.page-scroll .donut-card__center strong,.page-scroll .donut-legend__label span:last-child,.page-scroll .donut-legend__row>strong,.page-scroll .tabgrid__tab,.page-scroll .datagrid th,.page-scroll .compact-table__identity strong,.page-scroll .compact-table__identity span,.page-scroll .compact-table__meta span,.page-scroll .compact-table__meta strong,.page-scroll .activity-list__head strong,.page-scroll .activity-list__head span,.page-scroll .activity-list__sub span,.page-scroll .model-matrix__top strong,.page-scroll .type-pill,.page-scroll .empty-state{animation-delay:.3s}.page-scroll .datagrid tbody tr:first-child td,.page-scroll .datagrid tbody tr:first-child td strong,.page-scroll .datagrid tbody tr:first-child td span{animation-delay:.34s}.page-scroll .datagrid tbody tr:nth-child(2) td,.page-scroll .datagrid tbody tr:nth-child(2) td strong,.page-scroll .datagrid tbody tr:nth-child(2) td span{animation-delay:.4s}.page-scroll .datagrid tbody tr:nth-child(3) td,.page-scroll .datagrid tbody tr:nth-child(3) td strong,.page-scroll .datagrid tbody tr:nth-child(3) td span{animation-delay:.46s}.page-scroll .datagrid tbody tr:nth-child(4) td,.page-scroll .datagrid tbody tr:nth-child(4) td strong,.page-scroll .datagrid tbody tr:nth-child(4) td span{animation-delay:.52s}.page-scroll .datagrid tbody tr:nth-child(n+5) td,.page-scroll .datagrid tbody tr:nth-child(n+5) td strong,.page-scroll .datagrid tbody tr:nth-child(n+5) td span{animation-delay:.58s}@keyframes line-draw{to{stroke-dashoffset:0}}.area-chart__line{animation:1.28s cubic-bezier(.16,1,.3,1) .24s forwards line-draw}@keyframes area-fade{to{opacity:1}}.area-chart__fill{opacity:0;animation:.86s ease-out .32s forwards area-fade}@keyframes point-fade{to{opacity:1}}.area-chart__point{opacity:0;animation:.42s ease-out both point-fade}@keyframes bar-grow{to{width:var(--bar-width,0)}}.model-matrix__fill{width:0;animation:1.08s cubic-bezier(.16,1,.3,1) .26s forwards bar-grow}@media (prefers-reduced-motion:reduce){.summary-card,.panel-card,.topbar h1,.auth-card .auth-subtitle,.auth-card .auth-footnote,.auth-card .auth-notice,.auth-card .error,.auth-card .auth-mode-switch__button,.auth-card .auth-field>span,.auth-card .auth-remember label,.auth-card .auth-submit>span,.page-scroll .panel-kicker,.page-scroll .panel-card__header h2,.page-scroll .summary-card__body strong,.page-scroll .summary-card__body p,.page-scroll .insight-list__row span,.page-scroll .insight-list__row strong,.page-scroll .donut-card__center span,.page-scroll .donut-card__center strong,.page-scroll .donut-legend__label span:last-child,.page-scroll .donut-legend__row>strong,.page-scroll .compact-table__identity strong,.page-scroll .compact-table__identity span,.page-scroll .compact-table__meta span,.page-scroll .compact-table__meta strong,.page-scroll .activity-list__head strong,.page-scroll .activity-list__head span,.page-scroll .activity-list__sub span,.page-scroll .tabgrid__tab,.page-scroll .datagrid th,.page-scroll .datagrid td strong,.page-scroll .datagrid td span,.page-scroll .datagrid td,.page-scroll .model-matrix__top strong,.page-scroll .model-matrix__top span,.page-scroll .type-pill,.page-scroll .empty-state,.area-chart__line,.area-chart__fill,.area-chart__point,.model-matrix__fill,.donut-card__segment{opacity:1!important;animation:none!important;transform:none!important}.area-chart__line{stroke-dasharray:none!important;stroke-dashoffset:0!important}.donut-card__segment{stroke-dashoffset:0!important}.model-matrix__fill{width:var(--bar-width,0)!important}}