:root{--color-bg: oklch(99.2% .002 250);--color-bg-subtle: oklch(97.8% .003 250);--color-bg-muted: oklch(95.8% .005 250);--color-surface: #ffffff;--color-surface-2: oklch(98.8% .003 250);--color-border-faint: oklch(94% .005 250);--color-border: oklch(90.5% .007 250);--color-border-strong: oklch(83% .011 250);--color-text-faint: oklch(66% .012 250);--color-text-muted: oklch(50% .014 250);--color-text: oklch(30% .016 250);--color-text-strong: oklch(18% .018 250);--brand-50: oklch(97.5% .018 250);--brand-100: oklch(93.5% .04 250);--brand-200: oklch(87% .07 250);--brand-300: oklch(76% .11 250);--brand-400: oklch(66% .13 250);--brand-500: oklch(57% .145 250);--brand-600: oklch(49% .155 250);--brand-700: oklch(41% .155 250);--brand-800: oklch(33% .13 250);--brand-900: oklch(25% .1 250);--success-50: oklch(96% .025 155);--success-100: oklch(92% .05 155);--success-500: oklch(60% .13 155);--success-600: oklch(52% .135 155);--success-700: oklch(43% .12 155);--warning-50: oklch(97% .03 80);--warning-100: oklch(93% .07 80);--warning-500: oklch(72% .14 75);--warning-600: oklch(63% .15 70);--warning-700: oklch(52% .14 65);--danger-50: oklch(97% .02 25);--danger-100: oklch(93% .05 25);--danger-500: oklch(60% .16 25);--danger-600: oklch(53% .18 25);--danger-700: oklch(44% .16 25);--info-50: var(--brand-50);--info-500: var(--brand-500);--info-600: var(--brand-600);--mod-core-50: oklch(96.5% .005 250);--mod-core-100: oklch(92% .008 250);--mod-core-500: oklch(45% .02 250);--mod-core-600: oklch(35% .022 250);--mod-sales-50: oklch(96% .025 155);--mod-sales-100: oklch(91% .055 155);--mod-sales-500: oklch(55% .13 155);--mod-sales-600: oklch(46% .13 155);--mod-mgmt-50: oklch(96.5% .022 290);--mod-mgmt-100: oklch(92% .05 290);--mod-mgmt-500: oklch(54% .155 290);--mod-mgmt-600: oklch(46% .165 290);--mod-mkt-50: oklch(97% .03 60);--mod-mkt-100: oklch(93% .07 55);--mod-mkt-500: oklch(64% .155 55);--mod-mkt-600: oklch(55% .155 50);--mod-support-50: oklch(96% .025 210);--mod-support-100: oklch(91% .055 210);--mod-support-500: oklch(58% .115 215);--mod-support-600: oklch(49% .12 215);--mod-sect-50: oklch(97% .02 10);--mod-sect-100: oklch(93% .05 10);--mod-sect-500: oklch(60% .15 10);--mod-sect-600: oklch(51% .16 10);--space-0: 0;--space-px: 1px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-xs: 3px;--radius-sm: 5px;--radius-md: 7px;--radius-lg: 10px;--radius-xl: 14px;--radius-2xl: 20px;--radius-full: 999px;--shadow-xs: 0 1px 1px oklch(20% .02 250 / .04);--shadow-sm: 0 1px 2px oklch(20% .02 250 / .05), 0 1px 1px oklch(20% .02 250 / .03);--shadow-md: 0 4px 8px -2px oklch(20% .02 250 / .06), 0 2px 4px -2px oklch(20% .02 250 / .04);--shadow-lg: 0 12px 24px -8px oklch(20% .02 250 / .08), 0 4px 8px -4px oklch(20% .02 250 / .04);--shadow-xl: 0 24px 48px -12px oklch(20% .02 250 / .12), 0 8px 16px -8px oklch(20% .02 250 / .06);--ring-focus: 0 0 0 3px oklch(57% .145 250 / .25);--font-sans: "Inter", "Inter Display", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Monaco, Consolas, monospace;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--text-4xl: 36px;--text-5xl: 48px;--leading-tight: 1.15;--leading-snug: 1.35;--leading-norm: 1.5;--leading-relaxed: 1.65;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .28s;--sidebar-w: 248px;--header-h: 56px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-norm);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01","ss03"}a{color:var(--brand-600);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button{font-family:inherit}::selection{background:var(--brand-100);color:var(--brand-900)}.doc{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.doc__sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--color-border-faint);background:var(--color-surface-2);overflow-y:auto;padding:var(--space-5) var(--space-4)}.doc__main{min-width:0;padding:var(--space-12) var(--space-12) var(--space-24);max-width:1100px}.brand{display:flex;align-items:center;gap:10px;padding:0 var(--space-2) var(--space-6);margin-bottom:var(--space-2)}.brand__mark{width:26px;height:26px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand-500),var(--brand-700));position:relative;display:grid;place-items:center;color:#fff;font-weight:700;font-size:12px;letter-spacing:-.02em;box-shadow:var(--shadow-sm),inset 0 1px #ffffff38}.brand__name{font-weight:600;letter-spacing:-.015em;color:var(--color-text-strong)}.brand__sub{font-size:var(--text-2xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.08em;margin-top:-2px}.nav-group{margin-bottom:var(--space-5)}.nav-group__label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);padding:0 var(--space-2);margin-bottom:var(--space-2);font-weight:600}.nav-link{display:flex;align-items:center;gap:10px;padding:6px var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.nav-link:hover{background:var(--color-bg-muted);color:var(--color-text);text-decoration:none}.nav-link.is-active{background:var(--brand-50);color:var(--brand-700);font-weight:500}.nav-link .dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}.page-header{border-bottom:1px solid var(--color-border-faint);padding-bottom:var(--space-8);margin-bottom:var(--space-12)}.page-eyebrow{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-600);font-weight:600;margin-bottom:var(--space-2)}h1.page-title{font-size:var(--text-4xl);line-height:var(--leading-tight);letter-spacing:-.025em;color:var(--color-text-strong);margin:0 0 var(--space-3);font-weight:600}.page-lead{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-muted);max-width:64ch;margin:0}section.sec{margin-bottom:var(--space-16);scroll-margin-top:var(--space-6)}.sec__head{margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-faint);display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-6)}.sec__title{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;color:var(--color-text-strong);margin:0}.sec__sub{font-size:var(--text-sm);color:var(--color-text-muted)}.sub-sec{margin-bottom:var(--space-10)}.sub-sec__title{font-size:var(--text-md);font-weight:600;color:var(--color-text-strong);letter-spacing:-.005em;margin:0 0 var(--space-1)}.sub-sec__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-4);max-width:60ch}.frame{border:1px solid var(--color-border-faint);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-6);box-shadow:var(--shadow-xs)}.frame--padded{padding:var(--space-8)}.frame--canvas{background:linear-gradient(var(--color-bg-subtle),var(--color-bg-subtle)),repeating-linear-gradient(45deg,transparent 0 7px,oklch(96% .005 250) 7px 8px);background-blend-mode:normal}.frame--flush{padding:0;overflow:hidden}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:var(--space-3)}.between{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint)}.cap{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-faint);font-weight:600}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;font-size:var(--text-sm);font-weight:500;letter-spacing:-.005em;color:var(--color-text);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:none;box-shadow:var(--ring-focus)}.btn svg{width:14px;height:14px;flex:none}.btn--primary{background:var(--brand-600);color:#fff;border-color:var(--brand-700);box-shadow:inset 0 1px #ffffff26,0 1px 2px #03172c33}.btn--primary:hover{background:var(--brand-700)}.btn--primary:active{background:var(--brand-800);transform:translateY(.5px)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);box-shadow:var(--shadow-xs)}.btn--secondary:hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong)}.btn--ghost{color:var(--color-text-muted)}.btn--ghost:hover{background:var(--color-bg-muted);color:var(--color-text)}.btn--destructive{background:var(--color-surface);border-color:var(--color-border);color:var(--danger-600)}.btn--destructive:hover{background:var(--danger-50);border-color:var(--danger-100)}.btn--destructive-solid{background:var(--danger-600);color:#fff;border-color:var(--danger-700);box-shadow:inset 0 1px #ffffff26,0 1px 2px #290b0a33}.btn--destructive-solid:hover{background:var(--danger-700)}.btn--xs{height:24px;padding:0 8px;font-size:var(--text-xs);border-radius:var(--radius-sm);gap:4px}.btn--xs svg{width:12px;height:12px}.btn--sm{height:28px;padding:0 10px;font-size:var(--text-xs)}.btn--lg{height:38px;padding:0 16px;font-size:var(--text-md)}.btn--xl{height:46px;padding:0 20px;font-size:var(--text-md);border-radius:var(--radius-lg)}.btn--icon{width:32px;padding:0;justify-content:center}.btn--xs.btn--icon{width:24px}.btn--sm.btn--icon{width:28px}.btn--lg.btn--icon{width:38px}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-group{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-xs);overflow:hidden}.btn-group .btn{border-radius:0;border:none;border-right:1px solid var(--color-border);box-shadow:none;height:32px}.btn-group .btn:last-child{border-right:none}.btn-group .btn.is-active{background:var(--color-bg-muted);color:var(--color-text-strong)}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:var(--text-xs);font-weight:500;color:var(--color-text);letter-spacing:0}.field__label .req{color:var(--danger-600);margin-left:2px}.field__hint{font-size:var(--text-xs);color:var(--color-text-faint)}.field__error{font-size:var(--text-xs);color:var(--danger-700);display:inline-flex;align-items:center;gap:4px}.input,.select,.textarea{width:100%;height:34px;padding:0 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm);font-family:inherit;color:var(--color-text);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);box-shadow:var(--shadow-xs)}.input::placeholder,.textarea::placeholder{color:var(--color-text-faint)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-border-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:var(--ring-focus)}.input.is-error,.select.is-error,.textarea.is-error{border-color:var(--danger-500);box-shadow:0 0 0 3px #ce514d2e}.input[disabled],.select[disabled]{background:var(--color-bg-muted);color:var(--color-text-faint);cursor:not-allowed}.textarea{height:auto;padding:8px 10px;resize:vertical;min-height:80px;line-height:var(--leading-snug)}.input-wrap{position:relative}.input-wrap .leading,.input-wrap .trailing{position:absolute;top:50%;transform:translateY(-50%);color:var(--color-text-faint);display:inline-flex;align-items:center;pointer-events:none}.input-wrap .leading{left:10px}.input-wrap .trailing{right:10px}.input-wrap.has-leading .input{padding-left:32px}.input-wrap.has-trailing .input{padding-right:32px}.input-wrap .leading svg,.input-wrap .trailing svg{width:14px;height:14px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2376808a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:14px}.check{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none}.check input{position:absolute;opacity:0;pointer-events:none}.check__box{width:16px;height:16px;border:1px solid var(--color-border-strong);border-radius:4px;background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-out);flex:none}.check input:checked+.check__box{background:var(--brand-600);border-color:var(--brand-700)}.check input:checked+.check__box:after{content:"";width:9px;height:5px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) translate(1px,-1px)}.check--radio .check__box{border-radius:50%}.check--radio input:checked+.check__box{background:#fff;border-color:var(--brand-600);border-width:5px}.check--radio input:checked+.check__box:after{display:none}.switch{position:relative;width:30px;height:18px;border-radius:999px;background:var(--color-border-strong);transition:background var(--dur-base) var(--ease-out);flex:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out)}.switch.is-on{background:var(--brand-600)}.switch.is-on:after{transform:translate(12px)}.badge{display:inline-flex;align-items:center;gap:4px;min-height:20px;padding:2px 7px;font-size:var(--text-2xs);font-weight:500;border-radius:var(--radius-sm);background:var(--color-bg-muted);color:var(--color-text);border:1px solid var(--color-border-faint);line-height:1.2;letter-spacing:0;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.badge--lg{min-height:24px;font-size:var(--text-xs);padding:3px 10px}.badge--dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge--neutral{background:var(--color-bg-muted);color:var(--color-text-muted)}.badge--brand{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-100)}.badge--success{background:var(--success-50);color:var(--success-700);border-color:var(--success-100)}.badge--warning{background:var(--warning-50);color:var(--warning-700);border-color:var(--warning-100)}.badge--danger{background:var(--danger-50);color:var(--danger-700);border-color:var(--danger-100)}.tag{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;background:var(--color-bg-muted);color:var(--color-text);border:1px solid var(--color-border-faint);white-space:nowrap}.tag .x{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;color:var(--color-text-faint);cursor:pointer}.tag .x:hover{background:var(--color-bg);color:var(--color-text)}.tag .swatch{width:8px;height:8px;border-radius:2px;background:currentColor;opacity:.85}.pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:2px 12px;border-radius:999px;font-size:var(--text-xs);font-weight:500;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;white-space:nowrap}.pill:hover{background:var(--color-bg-subtle)}.pill.is-active{background:var(--color-text-strong);color:#fff;border-color:var(--color-text-strong)}.pill .count{font-family:var(--font-mono);font-size:10px;background:var(--color-bg-muted);color:var(--color-text-muted);padding:1px 5px;border-radius:999px}.pill.is-active .count{background:#ffffff2e;color:#fff}.avatar{width:28px;height:28px;border-radius:50%;background:var(--color-bg-muted);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;letter-spacing:-.01em;position:relative;box-shadow:inset 0 0 0 1px var(--color-border-faint);flex:none}.avatar--xs{width:20px;height:20px;font-size:9px}.avatar--sm{width:24px;height:24px;font-size:10px}.avatar--lg{width:36px;height:36px;font-size:13px}.avatar--xl{width:56px;height:56px;font-size:18px}.avatar--status:after{content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:var(--success-500);box-shadow:0 0 0 2px var(--color-surface)}.avatar-group{display:inline-flex}.avatar-group .avatar{box-shadow:inset 0 0 0 1px var(--color-border-faint),0 0 0 2px var(--color-surface)}.avatar-group .avatar+.avatar{margin-left:-8px}.avatar-group .avatar.more{background:var(--color-bg-muted);color:var(--color-text-muted);font-weight:600}.av-a{background:#fedec4;color:#592e00;color:oklch(35% .1 60)}.av-b{background:#cbefd6;color:#004725;color:oklch(35% .1 155)}.av-c{background:#d1e7ff;background:oklch(92% .05 250);color:#003c6b;color:oklch(35% .1 250)}.av-d{background:#e3e1ff;background:oklch(92% .05 290);color:#3b2e6a}.av-e{background:#ffdad6;background:oklch(92% .05 25);color:#65201e}.av-f{background:#bfeef7;color:#00434c;color:oklch(35% .1 210)}.card{background:var(--color-surface);border:1px solid var(--color-border-faint);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card__head,.card__body,.card__foot{padding:var(--space-4) var(--space-5)}.card__head{border-bottom:1px solid var(--color-border-faint);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.card__title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-strong);margin:0}.card__sub{font-size:var(--text-xs);color:var(--color-text-faint);margin:2px 0 0}.card__body{padding-top:var(--space-4);padding-bottom:var(--space-4)}.card__foot{border-top:1px solid var(--color-border-faint)}.table-wrap{border:1px solid var(--color-border-faint);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface)}.table-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-faint);background:var(--color-surface-2);flex-wrap:wrap}.table-toolbar .grow{flex:1}table.tbl{width:100%;border-collapse:collapse;font-size:var(--text-sm)}table.tbl thead th{text-align:left;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--color-text-faint);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-faint);background:var(--color-surface-2);white-space:nowrap}table.tbl thead th .sort{display:inline-flex;align-items:center;gap:4px;cursor:pointer}table.tbl thead th .sort svg{width:10px;height:10px}table.tbl tbody td{padding:10px var(--space-3);border-bottom:1px solid var(--color-border-faint);color:var(--color-text);vertical-align:middle}table.tbl tbody tr:last-child td{border-bottom:none}table.tbl tbody tr:hover{background:var(--color-bg-subtle)}table.tbl tbody tr.is-selected{background:var(--brand-50)}table.tbl tbody tr.is-selected:hover{background:#ddedff;background:oklch(94% .04 250)}table.tbl .num{text-align:right;font-variant-numeric:tabular-nums}table.tbl .meta{color:var(--color-text-faint);font-size:var(--text-xs)}table.tbl .check-col{width:32px;padding-right:0}table.tbl tbody tr.is-expand td{background:var(--color-surface-2);padding:0}.row-expand{padding:var(--space-4) var(--space-5) var(--space-5);border-top:1px dashed var(--color-border)}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-faint);background:var(--color-surface-2);font-size:var(--text-xs);color:var(--color-text-muted)}.bulk-bar{display:none;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--brand-50);border-bottom:1px solid var(--brand-100);font-size:var(--text-xs);color:var(--brand-800)}.bulk-bar.is-on{display:flex}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.swatch-card{background:var(--color-surface);border:1px solid var(--color-border-faint);border-radius:var(--radius-md);overflow:hidden}.swatch-card .chip{height:56px}.swatch-card .meta{padding:8px 10px}.swatch-card .name{font-size:var(--text-xs);color:var(--color-text);font-weight:500}.swatch-card .val{font-family:var(--font-mono);font-size:10px;color:var(--color-text-faint);margin-top:2px}.ramp{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.ramp .step{border-radius:var(--radius-sm);border:1px solid var(--color-border-faint);padding:8px 8px 10px;font-family:var(--font-mono);font-size:9px;color:var(--color-text);min-height:68px;display:flex;flex-direction:column;justify-content:space-between}.ramp .step.dark{color:#fff;border-color:transparent}.ramp .step .lbl{font-size:11px;font-weight:600;font-family:var(--font-sans)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:var(--space-2)}.icon-card{background:var(--color-surface);border:1px solid var(--color-border-faint);border-radius:var(--radius-md);height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--color-text-muted)}.icon-card svg{width:18px;height:18px}.icon-card .lbl{font-family:var(--font-mono);font-size:10px;color:var(--color-text-faint)}.app-frame{border:1px solid var(--color-border-faint);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface)}.app-frame__bar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--color-surface-2);border-bottom:1px solid var(--color-border-faint)}.app-frame__bar .dot{width:10px;height:10px;border-radius:50%;background:var(--color-border-strong)}.app-frame__body{display:grid;grid-template-columns:220px 1fr;min-height:360px;background:var(--color-bg)}.app-side{background:var(--color-surface-2);border-right:1px solid var(--color-border-faint);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.app-side__group{display:flex;flex-direction:column;gap:1px;margin-bottom:var(--space-3)}.app-side__label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);font-weight:600;padding:6px 8px 4px}.app-side__item{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);padding:6px 8px;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer}.app-side__item:hover{background:var(--color-bg-muted);color:var(--color-text)}.app-side__item.is-active{background:var(--color-surface);color:var(--color-text-strong);box-shadow:var(--shadow-xs);font-weight:500}.app-side__item .ic{width:14px;height:14px;color:var(--color-text-faint)}.app-side__item.is-active .ic{color:var(--brand-600)}.app-side__item .ct{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--color-text-faint)}.module-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.app-main{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.breadcrumb{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--color-text-muted)}.breadcrumb a{color:var(--color-text-muted)}.breadcrumb .sep{color:var(--color-border-strong)}.breadcrumb .curr{color:var(--color-text-strong);font-weight:500}.tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border-faint)}.tabs__tab{padding:8px 12px;font-size:var(--text-xs);color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:6px}.tabs__tab:hover{color:var(--color-text)}.tabs__tab.is-active{color:var(--brand-700);border-bottom-color:var(--brand-600)}.tabs__tab .ct{font-family:var(--font-mono);font-size:10px;color:var(--color-text-faint);background:var(--color-bg-muted);padding:1px 5px;border-radius:999px}.tabs__tab.is-active .ct{background:var(--brand-100);color:var(--brand-700)}.kbd{font-family:var(--font-mono);font-size:10px;padding:2px 5px;border-radius:4px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);box-shadow:0 1px 0 var(--color-border-faint);line-height:1}.palette{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-faint);box-shadow:var(--shadow-xl);width:100%;max-width:560px;overflow:hidden}.palette__search{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--color-border-faint)}.palette__search input{border:none;outline:none;background:transparent;font-size:var(--text-md);flex:1;font-family:inherit;color:var(--color-text-strong)}.palette__search input::placeholder{color:var(--color-text-faint)}.palette__list{padding:6px;max-height:320px;overflow:auto}.palette__group-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);font-weight:600;padding:8px 10px 4px}.palette__item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);cursor:pointer}.palette__item:hover,.palette__item.is-active{background:var(--color-bg-muted)}.palette__item.is-active{color:var(--color-text-strong)}.palette__item .ic{width:16px;height:16px;color:var(--color-text-muted)}.palette__item .meta{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-faint);display:flex;gap:4px}.palette__foot{padding:8px 14px;border-top:1px solid var(--color-border-faint);display:flex;gap:var(--space-3);align-items:center;font-size:11px;color:var(--color-text-faint)}.kpi{display:flex;flex-direction:column;gap:4px;padding:var(--space-4);border:1px solid var(--color-border-faint);border-radius:var(--radius-lg);background:var(--color-surface)}.kpi__label{font-size:var(--text-xs);color:var(--color-text-faint);display:flex;align-items:center;gap:6px}.kpi__value{font-size:var(--text-2xl);font-weight:600;color:var(--color-text-strong);letter-spacing:-.02em}.kpi__delta{font-size:var(--text-xs);display:inline-flex;align-items:center;gap:3px}.kpi__delta.up{color:var(--success-700)}.kpi__delta.down{color:var(--danger-700)}.code{font-family:var(--font-mono);font-size:12px;background:#10171e;color:#dbdee1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);overflow:auto}.code .k{color:#7cbdff;color:oklch(78% .13 250)}.code .s{color:#6cd092}.code .c{color:#77818c}.cal{background:var(--color-surface)}.cal__head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);font-weight:600}.cal__head>div{padding:8px 10px;border-bottom:1px solid var(--color-border-faint)}.cal__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:100px}.cal__cell{border-right:1px solid var(--color-border-faint);border-bottom:1px solid var(--color-border-faint);padding:6px 8px;display:flex;flex-direction:column;gap:3px;position:relative;background:var(--color-surface)}.cal__cell:nth-child(7n){border-right:none}.cal__cell.is-out{background:var(--color-bg-subtle);color:var(--color-text-faint)}.cal__cell.is-today .num{background:var(--brand-600);color:#fff}.cal__num{font-size:var(--text-xs);font-weight:500;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text)}.cal__cell.is-today .cal__num{background:var(--brand-600);color:#fff}.cal__event{font-size:11px;padding:2px 6px;border-radius:4px;background:var(--brand-50);color:var(--brand-700);border-left:2px solid var(--brand-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.gantt{background:var(--color-surface);display:grid;grid-template-columns:220px 1fr}.gantt__rows-h{background:var(--color-surface-2);border-bottom:1px solid var(--color-border-faint);padding:8px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);font-weight:600;display:flex;align-items:center}.gantt__row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--color-border-faint);min-height:38px;font-size:var(--text-xs);color:var(--color-text)}.gantt__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));background:var(--color-surface-2);border-bottom:1px solid var(--color-border-faint);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);font-weight:600}.gantt__head>div{padding:8px 4px;text-align:center;border-right:1px solid var(--color-border-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt__head>div:last-child{border-right:none}.gantt__line{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));min-height:38px;border-bottom:1px solid var(--color-border-faint)}.gantt__line>.cell{border-right:1px solid var(--color-border-faint)}.gantt__line>.cell:last-child{border-right:none}.gantt__bar{position:absolute;top:8px;bottom:8px;border-radius:6px;display:flex;align-items:center;font-size:11px;color:#fff;padding:0 8px;white-space:nowrap;overflow:hidden;font-weight:500;box-shadow:var(--shadow-xs)}.inbox{display:grid;grid-template-columns:280px 1fr;min-height:420px}.inbox__list{border-right:1px solid var(--color-border-faint);overflow:hidden}.inbox__filter{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-faint);display:flex;gap:6px;background:var(--color-surface-2)}.inbox__item{display:grid;grid-template-columns:28px 1fr auto;gap:8px;padding:12px var(--space-3);border-bottom:1px solid var(--color-border-faint);cursor:pointer;position:relative}.inbox__item:hover{background:var(--color-bg-subtle)}.inbox__item.is-active{background:var(--brand-50)}.inbox__item.is-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--brand-600)}.inbox__item.is-unread .inbox__from{font-weight:600;color:var(--color-text-strong)}.inbox__item.is-unread .inbox__subj{color:var(--color-text-strong)}.inbox__from{font-size:var(--text-xs);color:var(--color-text);font-weight:500;line-height:1.3}.inbox__subj{font-size:var(--text-xs);color:var(--color-text);margin-top:2px;line-height:1.3}.inbox__snip{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.inbox__meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.inbox__time{font-size:10px;color:var(--color-text-faint);font-family:var(--font-mono)}.inbox__detail{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.inbox__detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-faint)}.inbox__msg{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-faint);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.module-card{border:1px solid var(--color-border-faint);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);position:relative}.module-card__bar{height:5px}.module-card__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.module-card__head{display:flex;align-items:center;gap:10px}.module-card__title{font-size:var(--text-md);font-weight:600;color:var(--color-text-strong);margin:0;letter-spacing:-.005em}.module-card__sub{font-size:var(--text-xs);color:var(--color-text-faint)}.module-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.module-card__tokens{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-family:var(--font-mono);font-size:10px;color:var(--color-text-faint)}.module-card__tokens code{color:var(--color-text);background:var(--color-bg-muted);padding:2px 5px;border-radius:4px;display:inline-block}.module-icon{width:32px;height:32px;border-radius:var(--radius-md);display:grid;place-items:center;flex:none}.module-icon svg{width:44%;height:44%}.modal{border:none;padding:0;background:transparent;max-width:min(96vw,720px);max-height:92vh;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:visible}.modal::backdrop{background:#0f171f59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal__panel{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border-faint);border-radius:var(--radius-xl);overflow:hidden;max-height:92vh}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-faint)}.modal__title{font-size:var(--text-md);font-weight:600;color:var(--color-text-strong);margin:0}.modal__close{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.modal__close:hover{background:var(--color-bg-muted);color:var(--color-text)}.modal__close:focus-visible{outline:none;box-shadow:var(--ring-focus)}.modal__body{padding:var(--space-5);overflow-y:auto;flex:1;min-height:0}.modal__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-faint);background:var(--color-surface-2)}.modal--sm{max-width:min(96vw,440px)}.modal--md{max-width:min(96vw,640px)}.modal--lg{max-width:min(96vw,960px)}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.shell__sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--color-border-faint);background:var(--color-surface-2);overflow-y:auto;padding:var(--space-5) var(--space-4);display:flex;flex-direction:column}.shell__main{min-width:0;display:flex;flex-direction:column}.shell__brand{display:flex;align-items:center;gap:10px;padding:0 var(--space-2) var(--space-6);margin-bottom:var(--space-2)}.shell__brand-mark{width:26px;height:26px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand-500),var(--brand-700));display:grid;place-items:center;color:#fff;font-weight:700;font-size:12px;letter-spacing:-.02em;box-shadow:var(--shadow-sm),inset 0 1px #ffffff38}.shell__brand-name{font-weight:600;letter-spacing:-.015em;color:var(--color-text-strong)}.shell__brand-sub{font-size:var(--text-2xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.08em;margin-top:-2px}.shell__footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border-faint);font-size:var(--text-xs);color:var(--color-text-faint)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}