@font-face{font-family:Bounded;src:url(/assets/fonts/Bounded-Variable.ttf) format("truetype-variations"),url(/assets/fonts/Bounded-Regular.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--brand-black: #000000;--brand-purple-dark: #221177;--brand-purple-mid: #5B2D9A;--brand-purple-light: #9437FF;--brand-cyan: #73FDFF;--brand-cyan-deep: #007A8C;--brand-white: #FFFFFF;--motion-gradient: linear-gradient(135deg, #221177 0%, #5B2D9A 80%, #9437FF 100%);--motion-gradient-radial: radial-gradient(circle at 30% 20%, #9437FF 0%, #5B2D9A 40%, #221177 100%);--font-en: "Bounded", "Noto Sans Thai", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-th: "Bounded", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-pill: 9999px;--easing-standard: cubic-bezier(.4, 0, .2, 1);--easing-accelerate: cubic-bezier(.4, 0, 1, 1);--easing-decelerate: cubic-bezier(0, 0, .2, 1);--easing-emphasized: cubic-bezier(.2, 0, 0, 1);--duration-instant: .1s;--duration-fast: .2s;--duration-medium: .3s;--duration-slow: .5s;--success: #22D389;--warning: #FFB547;--danger: #FF5E7A;--info: #73FDFF}[data-theme=dark],:root{--bg-primary: #000000;--bg-secondary: #0D0820;--bg-tertiary: #1A1238;--bg-overlay: rgba(0, 0, 0, .65);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .75);--text-tertiary: rgba(255, 255, 255, .5);--text-disabled: rgba(255, 255, 255, .3);--text-accent: #73FDFF;--text-on-purple: #FFFFFF;--border-subtle: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .15);--border-strong: rgba(255, 255, 255, .3);--border-accent: #73FDFF;--interactive-primary: #9437FF;--interactive-primary-hover: #A554FF;--interactive-primary-active: #7E2BE6;--interactive-secondary: rgba(255, 255, 255, .1);--interactive-secondary-hover: rgba(255, 255, 255, .18);--interactive-accent: #73FDFF;--interactive-accent-text: #000000;--success: #22D389;--warning: #FFB547;--danger: #FF5E7A;--info: #73FDFF;--elevation-1: 0 1px 2px rgba(0, 0, 0, .4);--elevation-2: 0 4px 12px rgba(0, 0, 0, .5), 0 0 1px rgba(148, 55, 255, .15);--elevation-3: 0 12px 32px rgba(0, 0, 0, .6), 0 0 24px rgba(148, 55, 255, .1);--elevation-glow-cyan: 0 0 24px rgba(115, 253, 255, .35);--elevation-glow-purple: 0 0 32px rgba(148, 55, 255, .4)}[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #F7F5FB;--bg-tertiary: #EDE9F5;--bg-overlay: rgba(13, 8, 32, .45);--text-primary: #0D0820;--text-secondary: rgba(13, 8, 32, .7);--text-tertiary: rgba(13, 8, 32, .5);--text-disabled: rgba(13, 8, 32, .3);--text-accent: #007A8C;--text-brand: #5B2D9A;--border-subtle: rgba(13, 8, 32, .08);--border-default: rgba(13, 8, 32, .15);--border-strong: rgba(13, 8, 32, .4);--border-accent: #5B2D9A;--interactive-primary: #5B2D9A;--interactive-primary-hover: #4F2487;--interactive-primary-active: #3F1D6E;--interactive-secondary: rgba(13, 8, 32, .06);--interactive-secondary-hover: rgba(13, 8, 32, .1);--interactive-accent: #007A8C;--interactive-accent-text: #FFFFFF;--success: #0D9D5F;--warning: #B87B14;--danger: #C42848;--info: #007A8C;--elevation-1: 0 1px 2px rgba(13, 8, 32, .06);--elevation-2: 0 4px 12px rgba(13, 8, 32, .08);--elevation-3: 0 12px 32px rgba(13, 8, 32, .12);--elevation-glow-cyan: 0 0 0 rgba(0,0,0,0);--elevation-glow-purple: 0 4px 16px rgba(91, 45, 154, .2)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-en);font-weight:300;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums}:lang(th){font-family:var(--font-th)}.t-display-2xl{font-size:72px;line-height:80px;font-weight:600;letter-spacing:-.02em}.t-display-xl{font-size:60px;line-height:68px;font-weight:600;letter-spacing:-.02em}.t-display-lg{font-size:48px;line-height:56px;font-weight:600;letter-spacing:-.015em}.t-heading-xl{font-size:36px;line-height:44px;font-weight:600;letter-spacing:-.01em}.t-heading-lg{font-size:28px;line-height:36px;font-weight:600}.t-heading-md{font-size:22px;line-height:30px;font-weight:600}.t-heading-sm{font-size:18px;line-height:26px;font-weight:600}.t-body-lg{font-size:16px;line-height:24px;font-weight:300}.t-body-md{font-size:14px;line-height:22px;font-weight:300}.t-body-sm{font-size:13px;line-height:20px;font-weight:300}.t-caption{font-size:12px;line-height:16px;font-weight:300}.t-eyebrow{font-size:12px;line-height:16px;font-weight:400;text-transform:uppercase;letter-spacing:.12em}.t-code{font-family:var(--font-mono);font-size:13px;line-height:20px;font-weight:400}:lang(th).t-body-lg,:lang(th) .t-body-lg{line-height:28px;font-weight:400}:lang(th).t-body-md,:lang(th) .t-body-md{line-height:26px;font-weight:400}:lang(th).t-heading-lg,:lang(th) .t-heading-lg{line-height:40px}.btn{font-family:var(--font-en);font-weight:400;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);padding:0 var(--space-4);height:40px;font-size:14px;line-height:1;cursor:pointer;transition:background var(--duration-fast) var(--easing-standard),transform var(--duration-instant) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard);white-space:nowrap;user-select:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--border-accent)}.btn:active{transform:translateY(1px)}.btn[disabled],.btn.is-disabled{opacity:.4;pointer-events:none}.btn-sm{height:32px;padding:0 var(--space-3);font-size:13px;border-radius:var(--radius-md)}.btn-md{height:40px;padding:0 var(--space-4);font-size:14px}.btn-lg{height:48px;padding:0 var(--space-5);font-size:15px;border-radius:var(--radius-lg)}.btn-xl{height:56px;padding:0 var(--space-6);font-size:16px;border-radius:var(--radius-lg)}.btn-primary{background:var(--interactive-primary);color:#fff}.btn-primary:hover{background:var(--interactive-primary-hover);box-shadow:var(--elevation-glow-purple)}.btn-primary:active{background:var(--interactive-primary-active)}.btn-accent{background:var(--interactive-accent);color:var(--interactive-accent-text)}.btn-accent:hover{box-shadow:var(--elevation-glow-cyan)}.btn-secondary{background:var(--interactive-secondary);color:var(--text-primary)}.btn-secondary:hover{background:var(--interactive-secondary-hover)}.btn-ghost{background:transparent;color:var(--text-primary)}.btn-ghost:hover{background:var(--interactive-secondary)}.btn-danger{background:var(--danger);color:#fff}.btn-gradient{background:var(--motion-gradient);color:#fff;position:relative;overflow:hidden}.btn-gradient:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translate(-100%);transition:transform .7s var(--easing-emphasized)}.btn-gradient:hover:after{transform:translate(100%)}.btn-gradient:hover{box-shadow:var(--elevation-glow-purple)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-size:13px;font-weight:400;color:var(--text-secondary);letter-spacing:.01em}.input{font-family:var(--font-en);font-weight:300;height:40px;padding:0 var(--space-3);background:transparent;color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:14px;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);width:100%}.input::placeholder{color:var(--text-tertiary)}.input:hover{border-color:var(--border-strong)}.input:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--border-accent) 25%,transparent)}.input[disabled]{background:var(--interactive-secondary);color:var(--text-disabled);cursor:not-allowed}.input.has-error{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in oklab,var(--danger) 20%,transparent)}.field-help{font-size:12px;color:var(--text-tertiary)}.field-help.is-error{color:var(--danger)}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--elevation-2)}[data-theme=light] .card{background:var(--bg-primary);border:1px solid var(--border-subtle);box-shadow:var(--elevation-1)}.card-stat .stat-value{font-family:var(--font-en);font-size:48px;line-height:1;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.card-stat .stat-value .accent{color:var(--text-accent)}.card-data{padding:0;overflow:hidden}.pill{display:inline-flex;align-items:center;gap:var(--space-2);height:24px;padding:0 var(--space-3);border-radius:var(--radius-pill);font-size:12px;background:var(--interactive-secondary);color:var(--text-primary)}.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill-success{color:var(--success);background:color-mix(in oklab,var(--success) 15%,transparent)}.pill-warning{color:var(--warning);background:color-mix(in oklab,var(--warning) 15%,transparent)}.pill-danger{color:var(--danger);background:color-mix(in oklab,var(--danger) 15%,transparent)}.pill-accent{color:var(--text-accent);background:color-mix(in oklab,var(--text-accent) 15%,transparent)}html,body,#root{height:100%}body{overflow:hidden}:root{--sidebar-w: 232px;--topbar-h: 52px;--row-h: 40px;--density-pad-y: 8px;--density-pad-x: 12px;--accent: var(--brand-purple-light);--accent-soft: color-mix(in oklab, var(--accent) 16%, transparent);--accent-text: #fff}[data-density=comfortable]{--row-h: 52px;--density-pad-y: 14px}[data-density=compact]{--row-h: 32px;--density-pad-y: 6px}[data-theme=light]{--accent-soft: color-mix(in oklab, var(--accent) 12%, transparent)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:100vh;background:var(--bg-primary);color:var(--text-primary)}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);padding:16px 12px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}[data-theme=light] .sidebar{background:var(--bg-secondary)}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px}.brand img{height:20px;width:auto;display:block}.brand .brand-sub{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase}.brand-lockup{display:flex;align-items:center;gap:10px;padding:6px 8px 12px}.brand-lockup img{height:18px;width:auto;display:block}.brand-lockup img.brandstorm-mark{height:16px}.brand-lockup .divider-v{width:1px;height:18px;background:var(--border-default);flex-shrink:0}.brand-wordmark{font-family:var(--font-en);font-weight:700;font-size:12px;letter-spacing:.16em;color:var(--text-primary);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.brand-wordmark .accent-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);display:inline-block}.brand-sublabel{padding:0 8px 12px;font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary);letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.brand-sublabel:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.ctx-switcher{display:flex;background:var(--interactive-secondary);border-radius:var(--radius-md);padding:3px;gap:2px}.ctx-switcher button{flex:1;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-en);font-size:12px;font-weight:400;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.ctx-switcher button.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--elevation-1)}[data-theme=light] .ctx-switcher button.active{background:#fff}.nav-section{display:flex;flex-direction:column;gap:1px;margin-top:4px}.nav-section-title{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);padding:8px 10px 4px;font-weight:500}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;font-size:13px;color:var(--text-secondary);border-radius:6px;cursor:pointer;user-select:none;border:1px solid transparent;transition:background var(--duration-fast),color var(--duration-fast)}.nav-item:hover{background:var(--interactive-secondary);color:var(--text-primary)}.nav-item.active{background:var(--accent-soft);color:var(--text-primary);font-weight:400}.nav-item .nav-icon{width:16px;height:16px;opacity:.9;flex-shrink:0}.nav-item .nav-count{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);background:var(--interactive-secondary);padding:1px 6px;border-radius:4px}.nav-item.active .nav-count{color:var(--text-primary);background:#ffffff14}[data-theme=light] .nav-item.active .nav-count{background:#0d082014}.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:10px}.avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;background:var(--motion-gradient);color:#fff;flex-shrink:0;text-transform:uppercase}.avatar-sm{width:22px;height:22px;font-size:10px}.avatar-lg{width:40px;height:40px;font-size:14px}.user-meta{display:flex;flex-direction:column;min-width:0}.user-meta .name{font-size:12px;font-weight:400;color:var(--text-primary)}.user-meta .role{font-size:11px;color:var(--text-tertiary)}.main{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 20px;gap:16px;flex-shrink:0}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.breadcrumb .sep{color:var(--text-tertiary)}.breadcrumb .cur{color:var(--text-primary);font-weight:400}.topbar-search{flex:0 1 280px;position:relative}.topbar-search input{height:32px;background:var(--interactive-secondary);border:1px solid transparent;border-radius:6px;padding:0 10px 0 30px;font-size:13px;color:var(--text-primary);width:100%;font-family:var(--font-en);font-weight:300}.topbar-search input::placeholder{color:var(--text-tertiary)}.topbar-search input:focus{outline:none;border-color:var(--border-accent)}.topbar-search .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--text-tertiary)}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:6px}.icon-btn{width:32px;height:32px;border-radius:6px;background:transparent;border:none;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{background:var(--interactive-secondary);color:var(--text-primary)}.kbd{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:10px;height:18px;padding:0 4px;border:1px solid var(--border-default);border-radius:3px;color:var(--text-tertiary);background:var(--bg-primary)}.page{flex:1;overflow:auto;display:flex;flex-direction:column}.page-header{padding:20px 24px 12px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-shrink:0}.page-title-group h1{font-size:22px;font-weight:600;margin:0 0 4px;letter-spacing:-.01em}.page-title-group .sub{font-size:13px;color:var(--text-tertiary)}.page-actions{display:flex;gap:8px;align-items:center}.toolbar{display:flex;align-items:center;gap:8px;padding:8px 24px;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0;flex-wrap:wrap}[data-theme=light] .toolbar{background:var(--bg-secondary)}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12px;color:var(--text-secondary);background:transparent;border:1px solid var(--border-default);border-radius:6px;cursor:pointer;font-family:var(--font-en);font-weight:300}.chip:hover{color:var(--text-primary);border-color:var(--border-strong)}.chip.active{color:var(--text-primary);background:var(--accent-soft);border-color:color-mix(in oklab,var(--accent) 40%,transparent)}.chip .x{opacity:.6}.chip .x:hover{opacity:1}.toolbar .divider{width:1px;height:18px;background:var(--border-default);margin:0 4px}.toolbar-right{margin-left:auto;display:flex;gap:6px;align-items:center}.tbl-wrap{flex:1;overflow:auto}.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;table-layout:fixed}.tbl thead th{position:sticky;top:0;z-index:2;background:var(--bg-primary);text-align:left;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:10px 12px;border-bottom:1px solid var(--border-subtle);white-space:nowrap;user-select:none;position:relative}.tbl thead th:after{content:"";position:absolute;top:0;right:0;width:7px;height:100%;cursor:col-resize}.tbl thead th:hover:after{background:var(--border-default)}body.cr-dragging,body.cr-dragging *{cursor:col-resize!important;user-select:none!important}.tbl thead th .sort{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.tbl tbody td{padding:var(--density-pad-y) var(--density-pad-x);border-bottom:1px solid var(--border-subtle);vertical-align:middle;height:var(--row-h);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbl tbody tr{transition:background var(--duration-instant)}.tbl tbody tr:hover{background:var(--interactive-secondary)}.tbl tbody tr.selected{background:var(--accent-soft)}.tbl .col-check{width:36px;padding-right:0}.tbl .num{font-variant-numeric:tabular-nums}.tbl .muted{color:var(--text-tertiary)}.tbl .mono{font-family:var(--font-mono);font-size:12px}.tbl .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbl td.right{text-align:right}.tbl .row-actions{display:flex;gap:2px;justify-content:flex-end;opacity:0}.tbl tbody tr:hover .row-actions{opacity:1}.cb{appearance:none;width:14px;height:14px;border:1.5px solid var(--border-strong);border-radius:3px;cursor:pointer;position:relative;background:transparent;margin:0;vertical-align:middle}.cb:checked{background:var(--accent);border-color:var(--accent)}.cb:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.cat{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.cat .swatch{width:8px;height:8px;border-radius:2px}.rating{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.rating-bar{display:inline-flex;gap:2px}.rating-bar i{width:14px;height:4px;background:var(--border-default);border-radius:1px;display:block}.rating-bar i.on{background:var(--accent)}.rating-bar i.on.cyan{background:var(--brand-cyan)}[data-theme=light] .rating-bar i.on.cyan{background:var(--brand-cyan-deep)}.pill{font-family:var(--font-en);font-weight:400;height:22px;padding:0 8px;font-size:11px}.pill .dot{width:5px;height:5px}.pill-neutral{background:var(--interactive-secondary);color:var(--text-secondary)}.pill-info{color:var(--info);background:color-mix(in oklab,var(--info) 14%,transparent)}[data-theme=light] .pill-info{color:var(--brand-cyan-deep)}.status-bar{height:28px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 16px;gap:16px;font-size:11px;color:var(--text-tertiary);background:var(--bg-secondary);flex-shrink:0;font-family:var(--font-mono)}.detail{display:grid;grid-template-columns:1fr 320px;gap:24px;padding:24px}@media (max-width: 1200px){.detail{grid-template-columns:1fr}}.detail-main,.detail-aside{display:flex;flex-direction:column;gap:16px}.section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}[data-theme=light] .section{background:var(--bg-primary)}.section-head{padding:14px 18px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.section-head h3{margin:0;font-size:13px;font-weight:500;letter-spacing:.01em;text-transform:uppercase;color:var(--text-secondary)}.section-body{padding:16px 18px}.kv{display:grid;grid-template-columns:140px 1fr;gap:8px 16px;font-size:13px}.kv dt{color:var(--text-tertiary);font-weight:300}.kv dd{margin:0;color:var(--text-primary)}.kv dd .mono{font-family:var(--font-mono);font-size:12px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-subtle);padding:0 24px}.tab{padding:12px 14px;font-size:13px;color:var(--text-tertiary);cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;font-family:var(--font-en);font-weight:300}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text-primary);border-bottom-color:var(--accent);font-weight:400}.btn-sm{font-family:var(--font-en)}.btn-icon-only{padding:0;width:32px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 24px 12px}.stat-tile{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px}[data-theme=light] .stat-tile{background:var(--bg-primary)}.stat-tile .label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.stat-tile .val{font-size:24px;font-weight:500;margin-top:6px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.stat-tile .delta{font-size:11px;color:var(--success);margin-top:2px;font-family:var(--font-mono)}.stat-tile .delta.down{color:var(--danger)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .full{grid-column:1 / -1}.input,textarea.input{font-weight:300}textarea.input{min-height:80px;padding:10px 12px;height:auto;resize:vertical}.select{position:relative}.select select{appearance:none;width:100%;height:40px;padding:0 32px 0 12px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:transparent;color:var(--text-primary);font-size:14px;font-family:var(--font-en);font-weight:300}.select:after{content:"";position:absolute;right:12px;top:50%;width:8px;height:8px;border-right:1.5px solid var(--text-tertiary);border-bottom:1.5px solid var(--text-tertiary);transform:translateY(-70%) rotate(45deg);pointer-events:none}.stepper{display:flex;gap:0;background:var(--bg-secondary);border-radius:var(--radius-md);padding:6px;margin-bottom:4px}.step{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13px;color:var(--text-tertiary);border-radius:6px;position:relative}.step .num{width:22px;height:22px;border-radius:50%;border:1px solid var(--border-default);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-family:var(--font-mono);flex-shrink:0}.step.done{color:var(--text-secondary)}.step.done .num{background:var(--success);border-color:var(--success);color:#000}.step.current{color:var(--text-primary);background:var(--bg-primary);box-shadow:var(--elevation-1)}.step.current .num{background:var(--accent);border-color:var(--accent);color:#fff}.dropzone{border:1.5px dashed var(--border-default);border-radius:var(--radius-lg);padding:36px 24px;text-align:center;background:var(--bg-secondary);transition:border-color var(--duration-fast),background var(--duration-fast);cursor:pointer}.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.dropzone .big{font-size:14px;font-weight:400;margin-bottom:4px}.dropzone .small{font-size:12px;color:var(--text-tertiary)}.timeline{display:flex;flex-direction:column}.tl-item{display:grid;grid-template-columns:24px 1fr;gap:12px;padding:12px 0}.tl-marker{position:relative;display:flex;justify-content:center}.tl-marker .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);margin-top:6px;z-index:1}.tl-marker .dot.done{background:var(--success)}.tl-marker .dot.pending{background:var(--border-default)}.tl-marker .dot.rejected{background:var(--danger)}.tl-marker:after{content:"";position:absolute;left:50%;top:16px;bottom:-12px;width:1px;background:var(--border-subtle);transform:translate(-50%)}.tl-item:last-child .tl-marker:after{display:none}.tl-body .when{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono)}.tl-body .what{font-size:13px;color:var(--text-primary);margin-top:2px}.tl-body .who{font-size:12px;color:var(--text-secondary);margin-top:2px}.approval-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-subtle)}.approval-row:hover{background:var(--interactive-secondary)}.approval-meta{display:flex;flex-direction:column;gap:4px}.approval-title{font-size:14px;font-weight:400}.approval-sub{font-size:12px;color:var(--text-tertiary)}.approval-chips{display:flex;gap:6px;margin-top:6px}.approval-actions{display:flex;gap:8px}.portal-shell{display:grid;grid-template-columns:480px 1fr;height:100vh}@media (max-width: 980px){.portal-shell{grid-template-columns:1fr}}.portal-left{background:var(--brand-black);color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.portal-left:before{content:"";position:absolute;inset:-20% -10% 30%;background:var(--motion-gradient-radial);filter:blur(60px);opacity:.55;z-index:0}.portal-left>*{position:relative;z-index:1}.portal-left .brand img{height:28px}.portal-hero h2{font-size:36px;font-weight:600;line-height:1.15;margin:0 0 16px;letter-spacing:-.02em}.portal-hero p{font-size:14px;color:#ffffffa6;line-height:1.6;max-width:360px;margin:0}.portal-fact{display:flex;align-items:baseline;gap:10px;padding:12px 0;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#ffffff8c}.portal-fact .big{font-size:22px;font-weight:600;color:var(--brand-cyan);font-variant-numeric:tabular-nums}.portal-right{display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg-primary)}.login-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:18px}.login-form h1{font-size:24px;font-weight:600;margin:0 0 4px;letter-spacing:-.01em}.login-form .sub{font-size:13px;color:var(--text-tertiary);margin:0}.score-grid{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:18px}.score-num{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.score-num .n{font-size:64px;font-weight:600;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.score-num .n .denom{color:var(--text-tertiary);font-size:22px;font-weight:400}.score-num .grade{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--success) 18%,transparent);color:var(--success);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.score-rows{display:flex;flex-direction:column;gap:10px}.score-row{display:grid;grid-template-columns:160px 1fr 60px;gap:12px;align-items:center;font-size:13px}.score-row .label{color:var(--text-secondary)}.score-row .bar{height:6px;background:var(--interactive-secondary);border-radius:3px;overflow:hidden}.score-row .bar .fill{height:100%;background:var(--accent)}.score-row .val{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.file-row{display:grid;grid-template-columns:28px 1fr auto auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.file-row+.file-row{margin-top:8px}.file-icon{width:28px;height:28px;border-radius:6px;background:var(--interactive-secondary);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:9px;color:var(--text-secondary)}.file-name{font-size:13px;color:var(--text-primary)}.file-meta{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono)}.hr{height:1px;background:var(--border-subtle);margin:16px 0}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.muted{color:var(--text-tertiary)}.tnum{font-variant-numeric:tabular-nums}.right{margin-left:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::-webkit-scrollbar-track{background:transparent}[data-accent=purple]{--accent: #9437FF}[data-accent=cyan]{--accent: #73FDFF;--accent-text: #000}[data-accent=ice]{--accent: #007A8C}[data-accent=emerald]{--accent: #22D389;--accent-text: #000}[data-theme=light][data-accent=cyan]{--accent: #007A8C;--accent-text: #fff}[data-theme=light][data-accent=purple]{--accent: #5B2D9A}.mono{font-family:var(--font-mono)}.login-stage{position:fixed;inset:0;overflow:auto;display:grid;place-items:center;padding:32px;background:var(--brand-black)}.login-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 600px at 18% 12%,rgba(148,55,255,.3),transparent 60%),radial-gradient(800px 700px at 88% 90%,rgba(34,17,119,.55),transparent 55%),radial-gradient(600px 500px at 75% 8%,rgba(115,253,255,.1),transparent 60%);z-index:0}.login-stage:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 50% 40%,#000 0%,transparent 75%);-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 0%,transparent 75%);z-index:0}.login-card{position:relative;z-index:1;width:100%;max-width:940px;min-height:560px;display:grid;grid-template-columns:1.05fr 1fr;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 40px 120px #0009,0 0 0 1px #ffffff0a}@media (max-width: 800px){.login-card{grid-template-columns:1fr;min-height:0;max-width:440px}.login-brand{display:none}}.login-brand{position:relative;padding:40px;display:flex;flex-direction:column;justify-content:center;gap:28px;color:#fff;background:radial-gradient(120% 80% at 0% 0%,rgba(148,55,255,.55),transparent 60%),linear-gradient(150deg,#1a1238,#0d0820 55%,#000);overflow:hidden}.login-brand:after{content:"";position:absolute;right:-30%;top:-20%;width:90%;height:90%;background:radial-gradient(circle,rgba(115,253,255,.18),transparent 65%);filter:blur(40px)}.login-brand>*{position:relative;z-index:1}.login-brand .lb-logos{position:absolute;top:40px;left:40px;display:flex;align-items:center;gap:12px}.login-brand .lb-copy{margin-top:8px}.lb-logos{display:flex;align-items:center;gap:12px}.lb-logos img.mr{height:22px;width:auto}.lb-logos img.bs{height:20px;width:auto}.lb-logos .vrule{width:1px;height:22px;background:#ffffff40}.login-brand .lb-logos img.mr{height:22px}.login-brand .lb-logos img.bs{height:20px}.login-brand .lb-logos .vrule{width:1px;height:22px;background:#ffffff40}.login-brand .lb-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-cyan);font-weight:400;margin-bottom:16px}.login-brand h2{font-size:32px;line-height:1.12;font-weight:600;letter-spacing:-.02em;margin:0 0 14px}.login-brand p{font-size:14px;line-height:1.6;color:#ffffff9e;margin:0;max-width:330px}.login-brand .lb-facts{display:flex;flex-direction:column;gap:0}.login-brand .lb-fact{display:flex;align-items:baseline;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#ffffff8c;line-height:1.4}.login-brand .lb-fact .big{font-size:20px;font-weight:600;color:var(--brand-cyan);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:52px}.login-panel{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:18px;background:var(--bg-primary)}[data-theme=light] .login-panel{background:#fff}.login-panel .lp-head h1{font-size:23px;font-weight:600;letter-spacing:-.01em;margin:0 0 5px}.login-panel .lp-head .sub{font-size:13px;color:var(--text-tertiary);margin:0}.login-seg{display:flex;gap:3px;background:var(--interactive-secondary);padding:3px;border-radius:var(--radius-md)}.login-seg button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;height:38px;border:none;background:transparent;cursor:pointer;font-family:var(--font-en);font-size:13px;font-weight:400;color:var(--text-secondary);border-radius:calc(var(--radius-md) - 2px);transition:background .2s,color .2s}.login-seg button .seg-ico{opacity:.7}.login-seg button.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--elevation-1)}[data-theme=light] .login-seg button.active{background:#fff}.login-seg button.active .seg-ico{opacity:1;color:var(--accent, var(--brand-purple-light))}.sso-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-en);font-size:14px;font-weight:400;cursor:pointer;transition:border-color .2s,background .2s}[data-theme=light] .sso-btn{background:#fff}.sso-btn:hover{border-color:var(--border-strong);background:var(--interactive-secondary)}.sso-btn .sso-logo{width:18px;height:18px;flex-shrink:0}.gsi-wrap{display:flex;justify-content:center;min-height:44px}.gsi-wrap>div{width:100%;display:flex;justify-content:center}.login-divider{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.id-chip{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;text-align:left;transition:border-color .2s,background .2s}[data-theme=light] .id-chip{background:#fff}.id-chip:hover{border-color:var(--accent, var(--brand-purple-light));background:color-mix(in oklab,var(--brand-purple-light) 14%,transparent)}.id-chip .id-meta{flex:1;min-width:0}.id-chip .id-name{font-size:13px;font-weight:400}.id-chip .id-email{font-size:12px;color:var(--text-tertiary)}.login-foot{font-size:12px;color:var(--text-tertiary);text-align:center;line-height:1.6}.login-foot a{color:var(--text-accent);text-decoration:none}.login-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-md);background:color-mix(in oklab,var(--brand-cyan) 10%,transparent);border:1px solid color-mix(in oklab,var(--brand-cyan) 28%,transparent);font-size:12.5px;line-height:1.55;color:var(--text-secondary)}.login-note svg{flex-shrink:0;color:var(--brand-cyan);margin-top:1px}.tbl.tbl-compact th{padding-top:6px;padding-bottom:6px}.tbl.tbl-compact td{padding-top:5px;padding-bottom:5px}.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=time]{color-scheme:dark}[data-theme=light] .input[type=date],[data-theme=light] .input[type=datetime-local],[data-theme=light] .input[type=month],[data-theme=light] .input[type=time]{color-scheme:light}.input[type=date]::-webkit-calendar-picker-indicator,.input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.85);opacity:.8;cursor:pointer}[data-theme=light] .input[type=date]::-webkit-calendar-picker-indicator,[data-theme=light] .input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:none}.login-card.is-single{grid-template-columns:1fr;max-width:460px;min-height:0}.login-card.is-single .login-panel{padding:40px 36px;text-align:center;align-items:center}