@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--bg-app:#0f172a;--bg-surface:#1e293b;--bg-surface-elevated:#334155;--bg-surface-hover:#334155;--border-default:#334155;--border-subtle:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#0f172a;--accent-primary:#2563eb;--accent-primary-hover:#1d4ed8;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--sidebar-width:240px;--sidebar-collapsed-width:64px;--header-height:56px}html.light{--bg-app:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--bg-surface-hover:#f1f5f9;--border-default:#e2e8f0;--border-subtle:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#f8fafc;--accent-primary:#2563eb;--accent-primary-hover:#1d4ed8}html{color-scheme:dark}html.light{color-scheme:light}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-app);color:var(--text-primary);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-surface-elevated);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#1e293b80 25%,#33415580,#1e293b80 75%) 0 0/200% 100%;border-radius:.375rem;animation:1.5s infinite shimmer}html.light .skeleton{background:linear-gradient(90deg,#e2e8f080 25%,#f1f5f9cc,#e2e8f080 75%) 0 0/200% 100%}.email-body img{max-width:100%;height:auto}.email-body table{border-collapse:collapse;max-width:100%}.email-body a{color:#60a5fa;text-decoration:underline}.email-body a:hover{color:#93c5fd}html.light .email-body a{color:#2563eb}html.light .email-body a:hover{color:#1d4ed8}.fade-in{animation:.15s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.slide-in-right{animation:.2s ease-out slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.backdrop-blur-overlay{-webkit-backdrop-filter:blur(4px)}.slide-in-left{animation:.2s ease-out slideInLeft}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.slide-in-bottom{animation:.25s ease-out slideInBottom}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}@media(pointer:coarse){.touch-target{min-width:44px;min-height:44px}}@media(hover:none){button,a,nav{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.email-body{word-break:break-word;overflow-x:auto}.email-body table{font-size:14px}@media(max-width:640px){.email-body table{font-size:13px;display:block;overflow-x:auto}.email-body img{max-width:100%!important;height:auto!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@font-face{font-family:Geist;src:url(/fonts/geist-sans/Geist-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist-sans/Geist-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist-sans/Geist-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono/GeistMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono/GeistMono-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono/GeistMono-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--bg-0: #0A0B0D;--bg-1: #0E1013;--bg-2: #14171C;--bg-3: #1A1E24;--bg-4: #22262D;--border-subtle: #1C2026;--border-default: #262B33;--border-strong: #353B46;--fg-1: #E8EAED;--fg-2: #AEB4BF;--fg-3: #7A808B;--fg-4: #545A65;--fg-5: #3A3F48;--accent-50: #EEF4FF;--accent-100: #D6E4FF;--accent-200: #A8C1FF;--accent-300: #7A9EFF;--accent-400: #5B86FF;--accent-500: #3B6BFF;--accent-600: #2855E8;--accent-700: #1E43C4;--accent-glow: rgba(91, 134, 255, .14);--success: #3FB984;--warning: #E8B339;--danger: #E8564D;--info: var(--accent-500);--dot-unread: var(--accent-400);--dot-read: var(--fg-5);--font-sans: "Geist", "Geist Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", "Menlo", "Cascadia Mono", monospace;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-16: 16px;--fs-20: 20px;--fs-24: 24px;--fs-32: 32px;--fs-48: 48px;--fw-400: 400;--fw-500: 500;--fw-600: 600;--lh-tight: 1.1;--lh-snug: 1.25;--lh-base: 1.45;--lh-loose: 1.6;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .06em;--tracking-wider: .1em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-0: 0px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-xl: 12px;--row-h: 32px;--row-pad-y: 6px;--row-pad-x: 12px;--field-h: 32px;--btn-h: 32px;--dur-fast: .12s;--dur-base: .18s;--dur-slow: .26s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ring: 0 0 0 2px var(--bg-0), 0 0 0 3px var(--accent-500);--shadow-pop: 0 1px 0 rgba(0,0,0,.4), 0 12px 32px -8px rgba(0,0,0,.6);--shadow-modal: 0 1px 0 rgba(0,0,0,.4), 0 24px 64px -12px rgba(0,0,0,.7)}[data-density=comfortable]{--row-h: 40px;--row-pad-y: 10px;--row-pad-x: 16px;--field-h: 36px;--btn-h: 36px}[data-theme=light]{--bg-0: #FBFBFA;--bg-1: #F5F5F4;--bg-2: #FFFFFF;--bg-3: #EEEEED;--bg-4: #E3E3E1;--border-subtle: #ECECEA;--border-default: #DCDCD9;--border-strong: #C4C4C1;--fg-1: #0E0F11;--fg-2: #3D4148;--fg-3: #6B7079;--fg-4: #9BA0A8;--fg-5: #C2C6CC;--accent-50: #F0F5FF;--accent-100: #DCE7FF;--accent-200: #B6CBFF;--accent-300: #88A8FF;--accent-400: #5C87FF;--accent-500: #2E5EEA;--accent-600: #1F49C4;--accent-700: #163898;--accent-glow: rgba(46, 94, 234, .12);--dot-read: var(--fg-5);--ring: 0 0 0 2px var(--bg-0), 0 0 0 3px var(--accent-500);--shadow-pop: 0 1px 0 rgba(0,0,0,.04), 0 12px 32px -8px rgba(15,20,30,.12);--shadow-modal: 0 1px 0 rgba(0,0,0,.05), 0 24px 64px -12px rgba(15,20,30,.18)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--fs-14);line-height:var(--lh-base);color:var(--fg-1);background:var(--bg-0);font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.num,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer;padding:0}a{color:var(--accent-400);text-decoration:none}a:hover{color:var(--accent-300)}::selection{background:var(--accent-glow);color:var(--fg-1)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:10px;border:2px solid var(--bg-0)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.page{max-width:1440px;margin:0 auto;padding:var(--sp-7) var(--sp-6) 120px}.section{padding:var(--sp-7) 0;border-top:1px solid var(--border-subtle)}.section:first-of-type{border-top:0;padding-top:var(--sp-5)}.section-head{display:flex;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-5)}.section-head .eyebrow{font:var(--fw-500) var(--fs-12)/1 var(--font-mono);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--fg-3)}.section-head h2{margin:0;font-size:var(--fs-24);font-weight:var(--fw-500);letter-spacing:var(--tracking-tight)}.section-sub{color:var(--fg-3);font-size:var(--fs-13);margin-top:4px}.grid{display:grid;gap:var(--sp-4)}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.row{display:flex;align-items:center;gap:var(--sp-3)}.hr{height:1px;background:var(--border-subtle);border:0;margin:var(--sp-5) 0}.label{font:var(--fw-500) var(--fs-12)/1 var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3)}.swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-2)}.swatch{display:grid;grid-template-rows:56px auto;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border-subtle);background:var(--bg-1)}.swatch .chip{background:var(--_c);border-bottom:1px solid var(--border-subtle)}.swatch .meta{padding:var(--sp-2) var(--sp-3);display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-2)}.swatch .name{font-size:var(--fs-12);color:var(--fg-2)}.swatch .val{font:var(--fw-400) 11px/1 var(--font-mono);color:var(--fg-3)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);height:var(--btn-h);padding:0 var(--sp-3);border-radius:var(--r-md);background:var(--bg-2);color:var(--fg-1);border:1px solid var(--border-default);font-size:var(--fs-13);font-weight:var(--fw-500);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);white-space:nowrap}.btn:hover{background:var(--bg-3);border-color:var(--border-strong)}.btn:active{transform:translateY(.5px)}.btn:focus-visible{outline:0;box-shadow:var(--ring)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn .kbd{font-family:var(--font-mono);font-size:11px;color:var(--fg-3);padding-left:var(--sp-2);border-left:1px solid var(--border-default);margin-left:var(--sp-1)}.btn.primary{background:var(--accent-500);color:#fff;border-color:transparent;box-shadow:inset 0 1px #ffffff24}.btn.primary:hover{background:var(--accent-400)}.btn.primary:focus-visible{box-shadow:var(--ring)}.btn.ghost{background:transparent;border-color:transparent;color:var(--fg-2)}.btn.ghost:hover{background:var(--bg-2);color:var(--fg-1)}.btn.danger{background:transparent;border-color:var(--border-default);color:var(--danger)}.btn.danger:hover{background:#e8564d14;border-color:var(--danger)}.btn.sm{height:24px;padding:0 var(--sp-2);font-size:var(--fs-12);border-radius:var(--r-sm)}.btn.icon{width:var(--btn-h);padding:0;justify-content:center}.btn.icon.sm{width:24px}.input-wrap{position:relative;display:inline-flex;align-items:center;width:100%}.input{height:var(--field-h);width:100%;padding:0 var(--sp-3);background:var(--bg-1);border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--fg-1);font-size:var(--fs-13);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);outline:0}.input::placeholder{color:var(--fg-4)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent-500);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg-2)}.input.with-icon{padding-left:32px}.input-wrap .icon-left{position:absolute;left:10px;color:var(--fg-3);pointer-events:none;display:flex}.input-wrap .kbd-right{position:absolute;right:8px;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);background:var(--bg-2);border:1px solid var(--border-subtle);padding:2px 6px;border-radius:var(--r-sm)}.badge{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 8px;font-size:11px;font-weight:var(--fw-500);border-radius:999px;background:var(--bg-3);color:var(--fg-2);border:1px solid var(--border-subtle);font-family:var(--font-mono);letter-spacing:.02em}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.accent{color:var(--accent-300);background:var(--accent-glow);border-color:transparent}.badge.success{color:var(--success);background:#3fb9841a;border-color:transparent}.badge.warning{color:var(--warning);background:#e8b3391a;border-color:transparent}.badge.danger{color:var(--danger);background:#e8564d1a;border-color:transparent}.badge.subtle{background:transparent;border-color:var(--border-default);color:var(--fg-3)}.list{display:flex;flex-direction:column}.rowitem{display:grid;grid-template-columns:20px 180px 1fr auto;gap:var(--sp-3);align-items:center;height:var(--row-h);padding:0 var(--row-pad-x);border-bottom:1px solid var(--border-subtle);color:var(--fg-2);font-size:var(--fs-13);position:relative;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.rowitem:hover{background:var(--bg-1)}.rowitem.selected{background:var(--bg-3);color:var(--fg-1)}.rowitem.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent-500)}.rowitem.unread{color:var(--fg-1)}.rowitem.unread .sender,.rowitem.unread .subject{font-weight:var(--fw-600)}.rowitem.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent-500)}.rowitem .sender{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rowitem .subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-2)}.rowitem.unread .subject{color:var(--fg-1)}.rowitem .meta{color:var(--fg-3);font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums}.tabs{display:inline-flex;border-bottom:1px solid var(--border-subtle);gap:0}.tab{padding:10px 14px;color:var(--fg-3);font-size:var(--fs-13);font-weight:var(--fw-500);border-bottom:2px solid transparent;transform:translateY(1px);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.tab:hover{color:var(--fg-2)}.tab.active,.tab[data-state=active]{color:var(--fg-1);border-bottom-color:var(--fg-1)}.modal{background:var(--bg-2);border:1px solid var(--border-default);border-radius:var(--r-lg);box-shadow:var(--shadow-modal);width:520px;max-width:100%;overflow:hidden}.modal-head{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0;font-size:var(--fs-16);font-weight:var(--fw-600)}.modal-body{padding:var(--sp-5);color:var(--fg-2);font-size:var(--fs-13);line-height:var(--lh-loose)}.modal-foot{padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:var(--sp-2);background:var(--bg-1)}.dropdown{background:var(--bg-2);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:var(--shadow-pop);padding:var(--sp-1);min-width:220px}.dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);height:28px;padding:0 var(--sp-3);border-radius:var(--r-sm);color:var(--fg-2);font-size:var(--fs-13);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.dropdown-item:hover,.dropdown-item.focused{background:var(--bg-3);color:var(--fg-1)}.dropdown-item .kbd{font-family:var(--font-mono);font-size:11px;color:var(--fg-4)}.dropdown-sep{height:1px;background:var(--border-subtle);margin:var(--sp-1) 4px}.dropdown-label{padding:6px 12px 4px;font:var(--fw-500) 11px/1 var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-4)}.tooltip{display:inline-block;background:var(--bg-4);color:var(--fg-1);padding:4px 8px;font-size:var(--fs-12);border-radius:var(--r-sm);border:1px solid var(--border-default);box-shadow:var(--shadow-pop);white-space:nowrap}.tooltip .kbd{font-family:var(--font-mono);color:var(--fg-3);margin-left:6px}.sk{background:linear-gradient(90deg,var(--bg-2) 0%,var(--bg-3) 50%,var(--bg-2) 100%);background-size:200% 100%;animation:sk 1.4s var(--ease-in-out) infinite;border-radius:var(--r-sm);height:10px}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-7);text-align:center;gap:var(--sp-3);color:var(--fg-3)}.empty .mark{width:32px;height:32px;border:1px solid var(--border-default);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;color:var(--fg-3)}.empty h4{margin:0;font-size:var(--fs-14);font-weight:var(--fw-500);color:var(--fg-1)}.empty p{margin:0;font-size:var(--fs-13);max-width:280px}.metric{display:flex;flex-direction:column;gap:8px;padding:var(--sp-4) 0}.metric .mlabel{font:var(--fw-500) var(--fs-12)/1 var(--font-mono);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--fg-3)}.metric .mvalue{font:var(--fw-500) var(--fs-48)/1 var(--font-sans);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;color:var(--fg-1);display:flex;align-items:baseline;gap:6px}.metric .munit{font-size:var(--fs-20);color:var(--fg-3);font-weight:var(--fw-400);letter-spacing:0}.metric .mdelta{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-12);color:var(--fg-3);display:flex;align-items:center;gap:6px}.metric .mdelta .up{color:var(--success)}.metric .mdelta .down{color:var(--danger)}.navitem{display:flex;align-items:center;gap:10px;height:28px;padding:0 10px;border-radius:var(--r-sm);color:var(--fg-3);font-size:var(--fs-13);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);position:relative}.navitem:hover{color:var(--fg-1);background:var(--bg-2)}.navitem.active{color:var(--fg-1);background:var(--bg-3)}.navitem .ico{display:flex;color:currentColor;opacity:.9}.navitem .count{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--fg-4);font-variant-numeric:tabular-nums}.navitem.active .count{color:var(--fg-2)}.navitem .dot-tag{width:8px;height:8px;border-radius:2px}.acct{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 8px 0 4px;border-radius:var(--r-md);border:1px solid var(--border-default);background:var(--bg-1);color:var(--fg-1);font-size:var(--fs-13);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.acct:hover{border-color:var(--border-strong);background:var(--bg-2)}.acct .init{width:22px;height:22px;border-radius:var(--r-sm);background:var(--bg-3);color:var(--fg-1);display:flex;align-items:center;justify-content:center;font:var(--fw-600) 11px/1 var(--font-mono);letter-spacing:.02em}.acct .init.a{background:#1f74bf;color:#fff}.acct .init.b{background:#008d87;background:oklch(.58 .12 190);color:#fff}.acct .init.c{background:#bf5546;color:#fff}.acct .init.d{background:#875ca5;color:#fff}.acct .em{color:var(--fg-2);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct .chev{color:var(--fg-3)}.acct-menu{width:300px;padding:6px}.acct-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:var(--r-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.acct-row:hover{background:var(--bg-3)}.acct-row .init{width:28px;height:28px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font:var(--fw-600) 12px/1 var(--font-mono);color:#fff}.acct-row .lines{min-width:0}.acct-row .line1{font-size:var(--fs-13);color:var(--fg-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-row .line2{font:var(--fw-400) 11px/1 var(--font-mono);color:var(--fg-3);margin-top:2px}.acct-row .check{color:var(--accent-400)}.cmdp{width:640px;max-width:100%;background:var(--bg-2);border:1px solid var(--border-default);border-radius:var(--r-lg);box-shadow:var(--shadow-modal);overflow:hidden}.cmdp-input{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border-bottom:1px solid var(--border-subtle);color:var(--fg-1)}.cmdp-input input{background:none;border:0;outline:0;flex:1;font-size:var(--fs-16);color:var(--fg-1)}.cmdp-input input::placeholder{color:var(--fg-4)}.cmdp-body{max-height:420px;overflow:auto;padding:6px}.cmdp-section-label{padding:10px 12px 6px;font:var(--fw-500) 11px/1 var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-4)}.cmdp-item{display:flex;align-items:center;gap:12px;height:36px;padding:0 12px;border-radius:var(--r-sm);color:var(--fg-2);font-size:var(--fs-13);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.cmdp-item:hover,.cmdp-item.focused{background:var(--bg-3);color:var(--fg-1)}.cmdp-item .ico{color:var(--fg-3);width:16px;display:flex}.cmdp-item.focused .ico{color:var(--fg-1)}.cmdp-item .label{flex:1}.cmdp-item .hint{font-family:var(--font-mono);font-size:11px;color:var(--fg-4)}.cmdp-foot{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-top:1px solid var(--border-subtle);font:var(--fw-400) 11px/1 var(--font-mono);color:var(--fg-4)}.cmdp-foot .k{display:inline-flex;gap:4px;align-items:center}.kbd-mini{font-family:var(--font-mono);font-size:11px;padding:2px 5px;border:1px solid var(--border-default);border-radius:3px;color:var(--fg-3);background:var(--bg-1);line-height:1}.density-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--r-sm);border:1px solid var(--border-default);background:var(--bg-1);font:var(--fw-500) 11px/1 var(--font-mono);color:var(--fg-2);cursor:pointer}.density-chip.on{background:var(--bg-3);color:var(--fg-1);border-color:var(--border-strong)}.kbd,kbd{font-family:var(--font-mono);font-size:11px;line-height:1;padding:2px 5px;background:var(--bg-1);border:1px solid var(--border-default);border-bottom-width:1px;border-radius:3px;color:var(--fg-2)}.screen{border:1px solid var(--border-default);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-0);height:720px;display:grid;grid-template-rows:44px 1fr}.screen-head{display:grid;grid-template-columns:260px 1fr auto;align-items:center;border-bottom:1px solid var(--border-subtle);padding:0 var(--sp-4);background:var(--bg-1);height:44px}.screen-head .brand{display:flex;align-items:center;gap:10px;font-size:var(--fs-13);color:var(--fg-1);font-weight:var(--fw-500)}.envelope{width:18px;height:14px;border:1.5px solid var(--accent-400);border-radius:2px;position:relative}.envelope:before{content:"";position:absolute;inset:-1px;border-top:1.5px solid var(--accent-400);clip-path:polygon(0 0,50% 60%,100% 0,100% 0,50% 60%,0 0)}.screen-head .mid{display:flex;justify-content:center}.screen-head .mid .input-wrap{max-width:420px}.screen-head .right{display:flex;gap:8px;align-items:center}.dash{padding:var(--sp-6) var(--sp-6) var(--sp-7);overflow:auto}.dash-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sp-6)}.dash-head h1{margin:0;font-size:var(--fs-20);font-weight:var(--fw-500);letter-spacing:var(--tracking-tight)}.dash-head .sub{color:var(--fg-3);font-size:var(--fs-13);margin-top:2px}.dash-head .period{display:flex;gap:4px}.period .seg{padding:4px 10px;font:var(--fw-500) 12px/1 var(--font-mono);color:var(--fg-3);border-radius:var(--r-sm);cursor:pointer}.period .seg:hover{color:var(--fg-1);background:var(--bg-2)}.period .seg.on{color:var(--fg-1);background:var(--bg-3)}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.metrics-row .metric{padding:var(--sp-5) var(--sp-5);border-right:1px solid var(--border-subtle)}.metrics-row .metric:last-child{border-right:0}.dash-split{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--sp-6);margin-top:var(--sp-6)}.chart-wrap{display:flex;flex-direction:column;gap:var(--sp-3)}.chart-wrap .head{display:flex;justify-content:space-between;align-items:baseline}.chart-wrap .head h3{margin:0;font-size:var(--fs-14);font-weight:var(--fw-500);color:var(--fg-1)}.chart-wrap .head .kpi{font:var(--fw-500) var(--fs-24)/1 var(--font-sans);font-variant-numeric:tabular-nums;color:var(--fg-1)}.chart-wrap svg{width:100%;display:block}.chart-x{display:flex;justify-content:space-between;font:var(--fw-400) 11px/1 var(--font-mono);color:var(--fg-4);padding:var(--sp-2) 2px 0}.att-list{display:flex;flex-direction:column}.att-row{display:grid;grid-template-columns:1fr auto auto;gap:var(--sp-4);align-items:center;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.att-row:last-child{border-bottom:0}.att-row .name{font-size:var(--fs-13);color:var(--fg-1)}.att-row .name .ext{font-family:var(--font-mono);font-size:11px;color:var(--fg-3);margin-left:6px}.att-row .bar{width:160px;height:2px;background:var(--bg-3);border-radius:2px;overflow:hidden}.att-row .bar>i{display:block;height:100%;background:var(--fg-2)}.att-row .count{font:var(--fw-500) 13px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg-1);min-width:60px;text-align:right}.people{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);margin-top:var(--sp-6)}.people .col h3{margin:0 0 var(--sp-3);font-size:var(--fs-14);font-weight:var(--fw-500)}.person{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-subtle)}.person:last-child{border-bottom:0}.person .av{width:24px;height:24px;border-radius:var(--r-sm);background:var(--bg-3);display:flex;align-items:center;justify-content:center;font:var(--fw-600) 10px/1 var(--font-mono);color:var(--fg-1)}.person .em{font-size:var(--fs-13);color:var(--fg-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person .n{font:var(--fw-500) 12px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg-3)}.mail{display:grid;grid-template-columns:220px 360px 1fr;height:100%}.mail aside{border-right:1px solid var(--border-subtle);background:var(--bg-1);padding:var(--sp-3) var(--sp-2);overflow:auto}.mail aside .group{padding:10px 8px 4px;font:var(--fw-500) 11px/1 var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-4)}.mail .list-col{border-right:1px solid var(--border-subtle);display:grid;grid-template-rows:40px 1fr;overflow:hidden}.mail .list-col .list-head{display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-3);border-bottom:1px solid var(--border-subtle);font-size:var(--fs-13);color:var(--fg-2)}.mail .list-col .list-head .count-mono{font:var(--fw-500) 11px/1 var(--font-mono);color:var(--fg-3)}.mail .list-col .list-body{overflow:auto}.mail .email-row{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;row-gap:2px;column-gap:var(--sp-3);padding:10px var(--sp-4) 10px var(--sp-4);border-bottom:1px solid var(--border-subtle);position:relative;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.mail .email-row:hover{background:var(--bg-1)}.mail .email-row.selected{background:var(--bg-3)}.mail .email-row.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent-500)}.mail .email-row.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent-500)}.mail .email-row .from{font-size:var(--fs-13);color:var(--fg-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail .email-row .time{font:var(--fw-400) 11px/1 var(--font-mono);color:var(--fg-4);font-variant-numeric:tabular-nums;text-align:right}.mail .email-row .subj{grid-column:1 / -1;font-size:var(--fs-13);color:var(--fg-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail .email-row.unread .from{color:var(--fg-1);font-weight:var(--fw-600)}.mail .email-row.unread .subj{color:var(--fg-1);font-weight:var(--fw-500)}.mail .email-row .row-tags{display:inline-flex;gap:4px;margin-left:8px;vertical-align:middle;flex-shrink:0}.mail .email-row .row-tag{display:inline-block;padding:1px 6px;border-radius:var(--r-sm);font-size:10px;font-weight:var(--fw-500);line-height:16px;background:color-mix(in srgb,var(--tag-color, var(--fg-4)) 15%,transparent);color:var(--tag-color, var(--fg-3));white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}[data-density=compact] .mail .email-row{padding-top:7px;padding-bottom:7px}[data-density=comfortable] .mail .email-row{padding-top:12px;padding-bottom:12px}.email-row-wrapper{display:flex;align-items:center;position:relative}.email-row-wrapper .email-checkbox{flex-shrink:0;width:32px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.email-row-wrapper:hover .email-checkbox,.email-row-wrapper .email-checkbox.visible{opacity:1}.email-row-wrapper .email-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-500);cursor:pointer}.email-row-wrapper .email-row{flex:1;min-width:0}.bulk-toolbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);background:var(--bg-3);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:10}.bulk-toolbar-count{font-size:var(--fs-13);color:var(--fg-2);font-weight:var(--fw-500);margin-right:auto}.preview{display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden}.preview .pv-head{padding:var(--sp-5) var(--sp-5) var(--sp-4);border-bottom:1px solid var(--border-subtle);display:grid;gap:6px}.preview .pv-head h2{margin:0;font-size:var(--fs-20);font-weight:var(--fw-500);letter-spacing:var(--tracking-tight)}.preview .pv-meta{display:flex;gap:var(--sp-4);align-items:center;flex-wrap:wrap;color:var(--fg-3);font-size:var(--fs-12);font-family:var(--font-mono)}.preview .pv-meta .k{color:var(--fg-4);margin-right:4px}.preview .pv-meta .v{color:var(--fg-2)}.preview .pv-actions{display:flex;gap:8px;padding:8px var(--sp-5);border-bottom:1px solid var(--border-subtle);background:var(--bg-1)}.preview .pv-body{padding:var(--sp-5);overflow:auto;font-size:var(--fs-14);line-height:1.65;color:var(--fg-2)}.preview .pv-body p{margin:0 0 var(--sp-4)}.preview .pv-body .sig{color:var(--fg-3);font-size:var(--fs-13)}.preview .pv-foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border-subtle);background:var(--bg-1);display:grid;gap:var(--sp-3)}.preview .pv-foot h4{margin:0;font:var(--fw-500) 11px/1 var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-4)}.att-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid var(--border-default);border-radius:var(--r-sm);font-size:12px;color:var(--fg-2);background:var(--bg-2)}.att-chip .sz{font-family:var(--font-mono);font-size:11px;color:var(--fg-4)}.login{display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% 120%,var(--accent-glow),transparent 60%),var(--bg-0)}.login-card{width:400px;padding:var(--sp-6);background:var(--bg-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:var(--sp-5)}.login-brand{display:flex;align-items:center;gap:10px}.login-brand .name{font-size:var(--fs-16);font-weight:var(--fw-600);letter-spacing:var(--tracking-tight)}.login-brand .dom{margin-left:auto;font:var(--fw-400) 11px/1 var(--font-mono);color:var(--fg-4)}.login h1{margin:0;font-size:var(--fs-24);font-weight:var(--fw-500);letter-spacing:var(--tracking-tight)}.login .muted{color:var(--fg-3);font-size:var(--fs-13);margin-top:2px}.field{display:flex;flex-direction:column;gap:6px}.field .flabel{font:var(--fw-500) 11px/1 var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3)}.login-foot{display:flex;justify-content:space-between;align-items:center;font:var(--fw-400) 11px/1 var(--font-mono);color:var(--fg-4)}.cmdp-stage{height:100%;display:grid;place-items:start center;padding-top:96px;background:radial-gradient(800px 400px at 50% 0%,var(--accent-glow),transparent 70%),color-mix(in oklab,var(--bg-0) 75%,black)}:root{--topbar-h: 52px;--sidebar-w: 248px;--sidebar-w-collapsed: 56px}.appshell{display:grid;grid-template-columns:var(--_sb, var(--sidebar-w)) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"sidebar topbar" "sidebar main";height:100%;background:radial-gradient(1200px 600px at 50% 120%,var(--accent-glow),transparent 60%),var(--bg-0);transition:grid-template-columns var(--dur-slow) var(--ease-spring)}.appshell[data-sidebar=collapsed]{--_sb: var(--sidebar-w-collapsed)}.tb{grid-area:topbar;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);background:var(--bg-0);border-bottom:1px solid var(--border-subtle);height:var(--topbar-h);position:sticky;top:0;z-index:5}.tb .l{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.tb .c{display:flex;justify-content:center;align-items:center;gap:var(--sp-3);min-width:0}.tb .r{display:flex;justify-content:flex-end;align-items:center;gap:6px;min-width:0}.tb .sep{width:1px;height:20px;background:var(--border-default);margin:0 4px}.tb .tb-search{width:360px;max-width:100%}.sb{grid-area:sidebar;background:var(--bg-1);border-right:1px solid var(--border-subtle);display:grid;grid-template-rows:var(--topbar-h) 1fr auto;overflow:hidden}.sb-head{display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 14px;border-bottom:1px solid var(--border-subtle);height:var(--topbar-h)}.sb-brand{display:flex;align-items:center;gap:10px;color:var(--fg-1);font-size:var(--fs-13);font-weight:var(--fw-600);letter-spacing:var(--tracking-tight)}.sb-collapse{width:24px;height:24px;border-radius:var(--r-sm);color:var(--fg-3);display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.sb-collapse:hover{background:var(--bg-3);color:var(--fg-1)}.sb-body{overflow:auto;padding:10px 8px;display:flex;flex-direction:column;gap:2px}.sb-section{padding-top:10px}.sb-section:first-child{padding-top:0}.sb-section-label{padding:8px 10px 6px;font:var(--fw-500) 11px/1 var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-4);display:flex;align-items:center;justify-content:space-between}.sb-section-label .add{color:var(--fg-4);width:16px;height:16px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sb-section-label .add:hover{background:var(--bg-3);color:var(--fg-1)}.sb-item{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:10px;height:28px;padding:0 10px;margin:0;border-radius:var(--r-sm);color:var(--fg-3);font-size:var(--fs-13);cursor:pointer;position:relative;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);white-space:nowrap}.sb-item:hover{color:var(--fg-1);background:var(--bg-2)}.sb-item.active{color:var(--fg-1);background:var(--bg-3)}.sb-item.active:before{content:"";position:absolute;left:-8px;top:4px;bottom:4px;width:2px;background:var(--accent-500);border-radius:2px}.sb-item .ico{display:flex;color:currentColor;opacity:.9}.sb-item .label{overflow:hidden;text-overflow:ellipsis}.sb-item .count{font:var(--fw-500) 11px/1 var(--font-mono);color:var(--fg-4);font-variant-numeric:tabular-nums}.sb-item.active .count{color:var(--fg-2)}.sb-item .dot-tag{width:8px;height:8px;border-radius:2px;margin-left:4px}.sb-sep{height:1px;background:var(--border-subtle);margin:10px}.sb-foot{border-top:1px solid var(--border-subtle);padding:10px;display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center}.sb-foot .av{width:28px;height:28px;border-radius:var(--r-sm);background:#1f74bf;color:#fff;display:flex;align-items:center;justify-content:center;font:var(--fw-600) 11px/1 var(--font-mono)}.sb-foot .u1{font-size:var(--fs-13);color:var(--fg-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-foot .u2{font:var(--fw-400) 11px/1 var(--font-mono);color:var(--fg-4);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-foot .logout{color:var(--fg-3);width:28px;height:28px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center}.sb-foot .logout:hover{background:var(--bg-3);color:var(--fg-1)}[data-sidebar=collapsed] .sb-brand .wm,[data-sidebar=collapsed] .sb-item .label,[data-sidebar=collapsed] .sb-item .count,[data-sidebar=collapsed] .sb-item .dot-tag,[data-sidebar=collapsed] .sb-section-label,[data-sidebar=collapsed] .sb-foot .lines,[data-sidebar=collapsed] .sb-foot .logout{display:none}[data-sidebar=collapsed] .sb-head{padding:0;justify-content:center}[data-sidebar=collapsed] .sb-item{grid-template-columns:1fr;justify-items:center;padding:0}[data-sidebar=collapsed] .sb-item.active:before{left:0}[data-sidebar=collapsed] .sb-foot{grid-template-columns:1fr;justify-items:center}[data-sidebar=collapsed] .sb-sep{margin:8px}.main{grid-area:main;overflow:auto;display:flex;flex-direction:column;min-height:0}.bc{display:flex;align-items:center;gap:6px;font-size:var(--fs-13);color:var(--fg-3);min-width:0}.bc .seg{color:var(--fg-3);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.bc .seg:hover{color:var(--fg-1)}.bc .seg.current{color:var(--fg-1);font-weight:var(--fw-500);cursor:default}.bc .chev{color:var(--fg-5);display:inline-flex}.tb.selection{background:color-mix(in oklab,var(--accent-500) 6%,var(--bg-0));border-bottom-color:var(--accent-700)}.tb.selection .l{color:var(--fg-1)}.tb.selection .sel-count{font:var(--fw-600) var(--fs-13)/1 var(--font-sans);font-variant-numeric:tabular-nums;color:var(--accent-300);margin-right:6px}.tb.selection .sel-actions{display:flex;gap:4px;align-items:center}.shell-frame{border:1px solid var(--border-default);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-0);height:760px}.settings{display:grid;grid-template-columns:220px 1fr;gap:0;height:100%}.settings-nav{border-right:1px solid var(--border-subtle);padding:var(--sp-5) var(--sp-3);background:var(--bg-0)}.settings-nav .snav-label{font:var(--fw-500) 11px/1 var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-4);padding:8px 10px}.settings-nav .snav-item{display:flex;align-items:center;padding:10px 14px;min-height:36px;border-radius:var(--r-sm);color:var(--fg-3);font-size:var(--fs-13);cursor:pointer;position:relative;transition:background .12s ease,color .12s ease;-webkit-user-select:none;user-select:none}.settings-nav .snav-item:hover{background:var(--bg-2);color:var(--fg-1)}.settings-nav .snav-item.active{background:var(--bg-3);color:var(--fg-1)}.settings-nav .snav-item.active:before{content:"";position:absolute;left:-8px;top:4px;bottom:4px;width:2px;background:var(--accent-500);border-radius:2px}.settings-body{padding:var(--sp-6) var(--sp-7);overflow:auto}.settings-body h1{margin:0 0 4px;font-size:var(--fs-20);font-weight:var(--fw-500);letter-spacing:var(--tracking-tight)}.settings-body .sub{color:var(--fg-3);font-size:var(--fs-13);margin-bottom:var(--sp-6)}.settings-block{padding:var(--sp-5) 0;border-top:1px solid var(--border-subtle);display:grid;grid-template-columns:280px 1fr;gap:var(--sp-6)}.settings-block:first-of-type{border-top:0;padding-top:0}.settings-block .label-col h3{margin:0 0 4px;font-size:var(--fs-14);font-weight:var(--fw-500);color:var(--fg-1)}.settings-block .label-col p{margin:0;color:var(--fg-3);font-size:var(--fs-13);line-height:1.55}.settings-block .field-col{display:flex;flex-direction:column;gap:var(--sp-3);max-width:480px}.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;color:var(--fg-2);font-size:var(--fs-13)}.toggle .tr{width:28px;height:16px;background:var(--bg-4);border-radius:10px;position:relative;transition:background var(--dur-fast) var(--ease-out)}.toggle .tr:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--fg-2);transition:all var(--dur-base) var(--ease-spring)}.toggle.on .tr{background:var(--accent-500)}.toggle.on .tr:after{left:14px;background:#fff}.seg-group{display:inline-flex;background:var(--bg-1);border:1px solid var(--border-default);border-radius:var(--r-md);padding:2px}.seg-group .s{padding:5px 10px;font:var(--fw-500) 12px/1 var(--font-mono);color:var(--fg-3);border-radius:4px;cursor:pointer}.seg-group .s.on{background:var(--bg-3);color:var(--fg-1)}.kv{display:grid;grid-template-columns:1fr auto;gap:var(--sp-3);padding:10px 0;border-bottom:1px solid var(--border-subtle);font-size:var(--fs-13)}.kv:last-child{border-bottom:0}.kv .k{color:var(--fg-3)}.kv .v{color:var(--fg-1);font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums}.shortcuts{display:grid;grid-template-columns:repeat(2,1fr);gap:0 var(--sp-6)}.shortcut{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-3);padding:8px 0;border-bottom:1px solid var(--border-subtle);font-size:var(--fs-13);color:var(--fg-2)}.shortcut .keys{display:inline-flex;gap:4px}.resp-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-4)}.resp-tile{display:flex;flex-direction:column;gap:10px}.resp-tile .meta{display:flex;justify-content:space-between;align-items:baseline}.resp-tile .meta h4{margin:0;font-size:var(--fs-13);font-weight:var(--fw-500)}.resp-tile .meta .sz{font:var(--fw-500) 11px/1 var(--font-mono);color:var(--fg-4)}.resp-tile .frame{border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--bg-1);overflow:hidden;height:220px;position:relative}.schem{width:100%;height:100%;display:grid;grid-template-columns:var(--_ss, 64px) 1fr;grid-template-rows:20px 1fr}.schem .s-tb{grid-column:1 / -1;background:var(--bg-0);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 6px;gap:6px}.schem .s-tb i{width:16px;height:4px;background:var(--bg-3);border-radius:2px}.schem .s-tb i.wide{width:80px;background:var(--bg-4)}.schem .s-sb{background:var(--bg-1);border-right:1px solid var(--border-subtle);padding:8px 6px;display:flex;flex-direction:column;gap:4px}.schem .s-sb i{height:6px;background:var(--bg-3);border-radius:2px}.schem .s-main{padding:10px;display:flex;flex-direction:column;gap:6px}.schem .s-main i{height:4px;background:var(--bg-2);border-radius:2px}.schem .s-main i.big{height:28px;background:var(--bg-1);border:1px solid var(--border-subtle)}.resp-tile.tablet .schem{--_ss: 28px}.resp-tile.mobile .schem{--_ss: 0}.resp-tile.mobile .schem .s-sb{display:none}.resp-tile.mobile .schem{grid-template-columns:1fr}.resp-tile.mobile .drawer{position:absolute;left:0;top:20px;bottom:0;width:60%;background:var(--bg-1);border-right:1px solid var(--border-default);box-shadow:40px 0 80px #0006;padding:10px 6px;display:flex;flex-direction:column;gap:4px}.resp-tile.mobile .drawer i{height:6px;background:var(--bg-3);border-radius:2px}.resp-tile.mobile .scrim{position:absolute;inset:20px 0 0 60%;background:#00000073}.tb-ico{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--r-sm);color:var(--fg-3);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.tb-ico:hover{background:var(--bg-2);color:var(--fg-1)}.sb-item .label{text-transform:none!important;font-family:var(--font-sans)!important;letter-spacing:0!important;color:inherit!important;font-weight:var(--fw-400)!important;font-size:var(--fs-13)!important}.sb-item.active .label{color:var(--fg-1)!important}.appshell .metrics-row{grid-template-columns:repeat(4,1fr)}.appshell .metric{padding:var(--sp-4) var(--sp-4);min-width:0}.appshell .metric .mvalue{font-size:32px;white-space:nowrap}.appshell .metric .mlabel,.appshell .metric .mdelta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appshell .dash{padding:var(--sp-5) var(--sp-5) var(--sp-6)}.section-head{flex-wrap:wrap;align-items:baseline}.section-head h2{margin-right:auto}.section-head .section-sub{flex-basis:100%;margin-top:4px;margin-left:0}.login{min-height:100vh;height:100vh}