:root{--brand-navy: #0c3364;--brand-navy-2: #0e3b71;--brand-gold: #a7875b;--brand-gold-2: #b1956e;--bg: #f7f7f7;--surface: #ffffff;--surface-2: #f2f4f8;--surface-sunken: #eceff4;--border: #e1e5ec;--border-strong: #c9d0db;--text: #142238;--text-2: #2e3f61;--text-muted: #5d6a80;--text-on-primary: #ffffff;--primary: #0c3364;--primary-hover: #082650;--primary-soft: #e8edf5;--primary-soft-text: #0c3364;--accent: #a7875b;--accent-text: #7c6340;--accent-soft: #f5efe5;--focus-ring: #a7875b;--success: #2c7a52;--success-soft: #e6f3ec;--warning: #9a6512;--warning-soft: #fbf0dc;--danger: #b03a2e;--danger-soft: #fbe9e7;--info: #0e3b71;--info-soft: #e8edf5;--chart-1: #0c3364;--chart-2: #a7875b;--chart-3: #8a9bb8;--logo-plate: transparent;--font-display: "Lora", Georgia, "Times New Roman", serif;--font-brand: "Montserrat", "Segoe UI", system-ui, sans-serif;--font-body: "Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--lh-tight: 1.25;--lh-body: 1.55;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(12, 51, 100, .06);--shadow-2: 0 4px 14px rgba(12, 51, 100, .1);--shadow-3: 0 16px 40px rgba(12, 51, 100, .18);--overlay: rgba(10, 22, 40, .48);--sidebar-w: 248px;--topbar-h: 60px;--content-max: 1280px;--site-max: 1120px;--heading-font: var(--font-display);--heading-weight: 600;--h1-size: 2rem;--card-radius: 14px;--card-border: 1px solid transparent;--card-shadow: 0 1px 3px rgba(12, 51, 100, .08), 0 6px 20px rgba(12, 51, 100, .05);--control-h: 44px;--cell-y: 14px;--cell-x: var(--sp-5);--card-pad: var(--sp-6);--page-gap: var(--sp-8);--sidebar-bg: var(--brand-navy);--sidebar-fg: #c8d3e6;--sidebar-muted: #8fa3c4;--sidebar-hover: rgba(255, 255, 255, .08);--sidebar-active-bg: rgba(255, 255, 255, .1);--sidebar-active-fg: #ffffff;--sidebar-border: rgba(255, 255, 255, .1);--brand-name: #ffffff;--brand-sub: var(--brand-gold-2);--ease: cubic-bezier(.2, 0, 0, 1);--dur: .16s}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0b1626;--surface: #102037;--surface-2: #142843;--surface-sunken: #0d1b2f;--border: #213756;--border-strong: #2f4a70;--text: #e8edf5;--text-2: #b8c4d8;--text-muted: #8c9ab1;--text-on-primary: #0b1626;--primary: #c9b08a;--primary-hover: #dbc6a4;--primary-soft: #1c3355;--primary-soft-text: #dce5f2;--accent: #c9b08a;--accent-text: #d6bf9a;--accent-soft: #2c2519;--focus-ring: #c9b08a;--success: #6cc196;--success-soft: #133326;--warning: #e3b260;--warning-soft: #352a14;--danger: #ee8a7f;--danger-soft: #3a1c19;--info: #9cb7e0;--info-soft: #1c3355;--logo-plate: #f7f7f7;--chart-1: #9cb7e0;--chart-2: #c9b08a;--chart-3: #5d6f8e;--overlay: rgba(0, 0, 0, .6);--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 4px 14px rgba(0, 0, 0, .35);--shadow-3: 0 16px 40px rgba(0, 0, 0, .5);color-scheme:dark}}:root[data-theme=dark]{--bg: #0b1626;--surface: #102037;--surface-2: #142843;--surface-sunken: #0d1b2f;--border: #213756;--border-strong: #2f4a70;--text: #e8edf5;--text-2: #b8c4d8;--text-muted: #8c9ab1;--text-on-primary: #0b1626;--primary: #c9b08a;--primary-hover: #dbc6a4;--primary-soft: #1c3355;--primary-soft-text: #dce5f2;--accent: #c9b08a;--accent-text: #d6bf9a;--accent-soft: #2c2519;--focus-ring: #c9b08a;--success: #6cc196;--success-soft: #133326;--warning: #e3b260;--warning-soft: #352a14;--danger: #ee8a7f;--danger-soft: #3a1c19;--info: #9cb7e0;--info-soft: #1c3355;--logo-plate: #f7f7f7;--chart-1: #9cb7e0;--chart-2: #c9b08a;--chart-3: #5d6f8e;--overlay: rgba(0, 0, 0, .6);--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 4px 14px rgba(0, 0, 0, .35);--shadow-3: 0 16px 40px rgba(0, 0, 0, .5);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-md);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--heading-font);font-weight:var(--heading-weight);line-height:var(--lh-tight);color:var(--text);margin:0;text-wrap:balance;letter-spacing:0}h1{font-size:var(--h1-size)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-md)}p{margin:0}a{color:var(--primary-soft-text);text-decoration-color:var(--accent);text-underline-offset:3px}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.eyebrow{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-text)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.grid-2,.grid-3,.grid-4{display:grid;gap:var(--sp-4)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.logo{display:inline-flex;align-items:center;background:var(--logo-plate);border-radius:var(--radius-md)}.logo img{mix-blend-mode:multiply}.logo--plate{padding:var(--sp-1) var(--sp-2)}.btn{--btn-bg: var(--surface);--btn-fg: var(--text);--btn-border: var(--border-strong);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--control-h);padding:0 var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);font-weight:600;font-size:var(--fs-sm);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.btn svg{flex:none}.btn:hover{background:var(--surface-2)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn--primary{--btn-bg: var(--primary);--btn-fg: var(--text-on-primary);--btn-border: var(--primary)}.btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn--accent{--btn-bg: var(--accent);--btn-fg: #fff;--btn-border: var(--accent)}.btn--accent:hover{filter:brightness(.94);background:var(--accent)}.btn--ghost{--btn-bg: transparent;--btn-border: transparent;--btn-fg: var(--text-2)}.btn--ghost:hover{background:var(--surface-2);color:var(--text)}.btn--danger{--btn-bg: var(--danger);--btn-fg: #fff;--btn-border: var(--danger)}.btn--danger:hover{filter:brightness(.94);background:var(--danger)}.btn--sm{min-height:32px;padding:0 var(--sp-3);font-size:var(--fs-xs)}.btn--lg{min-height:48px;padding:0 var(--sp-6);font-size:var(--fs-md)}.btn--icon{padding:0;width:40px}.btn--icon.btn--sm{width:32px}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field__label{font-size:var(--fs-sm);font-weight:600;color:var(--text-2)}.field__label .req{color:var(--danger);margin-left:2px}.field__hint{font-size:var(--fs-xs);color:var(--text-muted)}.field__error{font-size:var(--fs-xs);color:var(--danger);font-weight:500}.input,.select,.textarea{width:100%;min-height:var(--control-h);padding:8px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--fs-sm);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:hover,.select:hover,.textarea:hover{border-color:var(--text-muted)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.input:disabled{background:var(--surface-2);color:var(--text-muted)}.textarea{min-height:96px;resize:vertical}.input-group{position:relative;display:flex;align-items:center}.input-group>svg{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.input-group>.input{padding-left:38px}.check{display:inline-flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-sm);cursor:pointer;line-height:1.4}.check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--primary);flex:none}.switch{display:inline-flex;align-items:center;gap:var(--sp-3);cursor:pointer;font-size:var(--fs-sm)}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch__track{width:38px;height:22px;border-radius:var(--radius-pill);background:var(--border-strong);position:relative;flex:none;transition:background var(--dur) var(--ease)}.switch__track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-1);transition:transform var(--dur) var(--ease)}.switch input:checked+.switch__track{background:var(--primary)}.switch input:checked+.switch__track:after{transform:translate(16px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--focus-ring);outline-offset:2px}.segmented{display:inline-flex;padding:3px;border-radius:var(--radius-md);background:var(--surface-sunken);border:1px solid var(--border);gap:2px;flex-wrap:wrap}.segmented button{border:0;background:transparent;padding:5px 12px;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:500;color:var(--text-muted);cursor:pointer}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.form-section{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:var(--sp-8);padding-block:var(--sp-6);border-top:1px solid var(--border)}.form-section:first-child{border-top:0;padding-top:0}.form-section__intro p{color:var(--text-muted);font-size:var(--fs-sm);margin-top:var(--sp-1)}.form-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sp-4)}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.col-2{grid-column:span 2}.col-1{grid-column:span 1}@media(max-width:900px){.form-section{grid-template-columns:minmax(0,1fr);gap:var(--sp-4)}}@media(max-width:640px){.col-4,.col-3,.col-2{grid-column:span 6}.col-1{grid-column:span 3}}.card{background:var(--surface);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);min-width:0}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--card-pad);border-bottom:1px solid var(--border);flex-wrap:wrap}.card__header h2,.card__header h3{font-size:var(--fs-md)}.card__body{padding:var(--card-pad)}.card__footer{padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--sp-2);flex-wrap:wrap}.stat{padding:var(--sp-4) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-1)}.stat__label{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted);font-weight:500}.stat__value{font-family:var(--heading-font);font-size:var(--fs-2xl);font-weight:var(--heading-weight);color:var(--text);font-variant-numeric:tabular-nums}.stat__meta{font-size:var(--fs-xs);color:var(--text-muted)}.dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4) var(--sp-6);margin:0}.dl div{min-width:0}.dl dt{font-size:var(--fs-xs);color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.dl dd{margin:2px 0 0;font-size:var(--fs-sm);color:var(--text);overflow-wrap:anywhere}@media(max-width:520px){.dl{grid-template-columns:minmax(0,1fr)}}.badge{--b-bg: var(--surface-2);--b-fg: var(--text-2);display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-pill);background:var(--b-bg);color:var(--b-fg);font-size:var(--fs-xs);font-weight:600;white-space:nowrap;line-height:1.6}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge--plain:before{display:none}.badge--success{--b-bg: var(--success-soft);--b-fg: var(--success)}.badge--warning{--b-bg: var(--warning-soft);--b-fg: var(--warning)}.badge--danger{--b-bg: var(--danger-soft);--b-fg: var(--danger)}.badge--info{--b-bg: var(--info-soft);--b-fg: var(--info)}.badge--gold{--b-bg: var(--accent-soft);--b-fg: var(--accent-text)}.alert{--a-bg: var(--info-soft);--a-fg: var(--info);display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:var(--a-bg);border:1px solid color-mix(in srgb,var(--a-fg) 25%,transparent);font-size:var(--fs-sm);color:var(--text)}.alert>svg{color:var(--a-fg);flex:none;margin-top:2px}.alert__title{font-weight:600;color:var(--text)}.alert__body{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.alert--success{--a-bg: var(--success-soft);--a-fg: var(--success)}.alert--warning{--a-bg: var(--warning-soft);--a-fg: var(--warning)}.alert--danger{--a-bg: var(--danger-soft);--a-fg: var(--danger)}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.tabs button{border:0;background:none;padding:var(--sp-3) var(--sp-3);font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap;display:inline-flex;gap:var(--sp-2);align-items:center}.tabs button:hover{color:var(--text)}.tabs button[aria-selected=true]{color:var(--primary-soft-text);border-bottom-color:var(--accent)}.tabs .count{font-size:var(--fs-xs);background:var(--surface-2);border-radius:var(--radius-pill);padding:0 7px;color:var(--text-muted)}.table-wrap{overflow-x:auto;min-width:0}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:left;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--text-muted);padding:var(--cell-y) var(--cell-x);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:var(--cell-y) var(--cell-x);border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr.is-clickable{cursor:pointer}.table tbody tr.is-clickable:hover td{background:var(--surface-2)}.table .t-right{text-align:right}.table .t-strong{font-weight:600;color:var(--text)}.table .t-sub{display:block;font-size:var(--fs-xs);color:var(--text-muted)}@media(max-width:720px){.table--stack thead{display:none}.table--stack,.table--stack tbody,.table--stack tr,.table--stack td{display:block;width:100%}.table--stack tr{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.table--stack tbody tr:last-child{border-bottom:0}.table--stack td{border:0;padding:3px 0;display:flex;justify-content:flex-end;align-items:baseline;flex-wrap:wrap;column-gap:var(--sp-2);text-align:right}.table--stack td:before{content:attr(data-label);font-size:var(--fs-xs);color:var(--text-muted);font-weight:600;text-align:left;margin-right:auto;padding-right:var(--sp-4)}.table--stack td .t-sub{display:inline}.table--stack td[data-label=""]:before{display:none}.table--stack td.t-primary{display:block;text-align:left;padding-bottom:var(--sp-1)}.table--stack td.t-primary .t-sub{display:block}.table--stack td.t-primary:before{display:none}.table--stack .t-right{text-align:right}}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-muted);flex-wrap:wrap}.pagination__pages{display:flex;gap:var(--sp-1)}.pagination__pages button{min-width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid transparent;background:none;cursor:pointer;font-size:var(--fs-sm);color:var(--text-2);display:inline-flex;align-items:center;justify-content:center}.pagination__pages button:hover:not(:disabled){background:var(--surface-2)}.pagination__pages button[aria-current=page]{border-color:var(--border-strong);background:var(--surface);color:var(--text);font-weight:600}.pagination__pages button:disabled{opacity:.4;cursor:not-allowed}.toolbar{display:flex;gap:var(--sp-3);align-items:flex-end;flex-wrap:wrap;padding:var(--sp-4);border-bottom:1px solid var(--border)}.toolbar .grow{flex:1 1 240px;min-width:0}.toolbar .field{flex:0 1 180px}@media(max-width:640px){.toolbar .field{flex:1 1 140px}.toolbar .grow{flex-basis:100%}}.chips{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center;padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--border);font-size:var(--fs-xs);color:var(--text-muted)}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 10px;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary-soft-text);font-weight:600;font-size:var(--fs-xs)}.chip button{border:0;background:none;color:inherit;cursor:pointer;display:inline-flex;padding:2px;border-radius:50%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:grid;place-items:center;padding:var(--sp-4);z-index:60;animation:fade-in var(--dur) var(--ease)}.modal{width:min(560px,100%);max-height:calc(100% - 32px);overflow:auto;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);border:1px solid var(--border);animation:rise-in .2s var(--ease)}.modal--lg{width:min(760px,100%)}.modal__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-5) var(--sp-5) 0}.modal__header p{color:var(--text-muted);font-size:var(--fs-sm);margin-top:var(--sp-1)}.modal__body{padding:var(--sp-5)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-wrap:wrap}@media(max-width:520px){.modal-backdrop{align-items:end;padding:0}.modal{width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92%}.modal__footer{border-radius:0;padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom,0px))}.modal__footer .btn{flex:1}}.toasts{position:fixed;right:var(--sp-4);bottom:calc(var(--sp-4) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:var(--sp-2);z-index:80;width:min(380px,calc(100% - 32px))}.toast{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--t-color, var(--info));border-radius:var(--radius-md);box-shadow:var(--shadow-2);font-size:var(--fs-sm);animation:rise-in .2s var(--ease)}.toast>svg{color:var(--t-color, var(--info));flex:none;margin-top:2px}.toast__body{flex:1;min-width:0}.toast__title{font-weight:600}.toast__text{color:var(--text-muted)}.toast--success{--t-color: var(--success)}.toast--warning{--t-color: var(--warning)}.toast--danger{--t-color: var(--danger)}.spinner{width:20px;height:20px;border:2px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;flex:none}.spinner--lg{width:32px;height:32px;border-width:3px}.skeleton{display:block;height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2),var(--surface-sunken),var(--surface-2));background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-2);padding:var(--sp-12) var(--sp-6);color:var(--text-muted)}.empty__icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--text-2);margin-bottom:var(--sp-2)}.empty--error .empty__icon{background:var(--danger-soft);color:var(--danger)}.empty h3{font-size:var(--fs-md)}.empty p{max-width:42ch;font-size:var(--fs-sm)}.empty .row{margin-top:var(--sp-3);justify-content:center}.avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-soft);color:var(--primary-soft-text);display:inline-grid;place-items:center;font-size:var(--fs-xs);font-weight:700;flex:none}.avatar--lg{width:48px;height:48px;font-size:var(--fs-md)}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.timeline li{position:relative;padding:0 0 var(--sp-5) var(--sp-6);font-size:var(--fs-sm)}.timeline li:before{content:"";position:absolute;left:5px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--accent)}.timeline li:after{content:"";position:absolute;left:10px;top:18px;bottom:0;width:1px;background:var(--border)}.timeline li:last-child:after{display:none}.timeline li.is-done:before{background:var(--accent)}.timeline time{display:block;font-size:var(--fs-xs);color:var(--text-muted)}.menu-anchor{position:relative}.menu{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-2);padding:var(--sp-1);z-index:40;animation:rise-in .14s var(--ease)}.menu button,.menu a{display:flex;width:100%;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:0;background:none;border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--text);text-decoration:none;cursor:pointer;text-align:left}.menu button:hover,.menu a:hover{background:var(--surface-2)}.menu .is-danger{color:var(--danger)}.menu hr{border:0;border-top:1px solid var(--border);margin:var(--sp-1) 0}.progress{height:6px;border-radius:var(--radius-pill);background:var(--surface-sunken);overflow:hidden}.progress>span{display:block;height:100%;background:var(--accent);border-radius:inherit}.steps{display:flex;gap:var(--sp-2);list-style:none;padding:0;margin:0;overflow-x:auto}.steps li{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted);font-weight:500;white-space:nowrap}.steps li+li:before{content:"";width:24px;height:1px;background:var(--border-strong)}.steps .n{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-strong);display:inline-grid;place-items:center;font-size:var(--fs-xs);font-weight:700}.steps li[aria-current=step]{color:var(--text)}.steps li[aria-current=step] .n{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.steps li.is-done .n{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}}.plan-featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.legend{display:flex;gap:var(--sp-4);flex-wrap:wrap;font-size:var(--fs-xs);color:var(--text-muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:2px;display:inline-block}.page-header__text h1:after{content:"";display:block;width:40px;height:2px;margin-top:var(--sp-2);background:var(--accent)}.table th{background:transparent;border-bottom-color:var(--accent)}@media(max-width:640px){.stat{padding:var(--sp-3) var(--sp-4)}.stat__value{font-size:var(--fs-xl)}}.demo-bar{position:relative;z-index:50;display:flex;align-items:center;gap:var(--sp-3);padding:6px var(--sp-4);background:var(--brand-navy);color:#e8edf5;font-size:var(--fs-xs);flex-wrap:wrap}.demo-bar strong{color:var(--brand-gold-2);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.demo-bar a{color:#e8edf5;text-decoration:none;display:inline-flex;gap:4px;align-items:center}.demo-bar a:hover{text-decoration:underline}.demo-bar__spacer{flex:1}.demo-bar select{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:var(--radius-sm);padding:2px 6px;font-size:var(--fs-xs)}.demo-bar select option{color:#142238}.demo-bar button{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:var(--radius-sm);padding:2px 8px;font-size:var(--fs-xs);cursor:pointer;display:inline-flex;align-items:center;gap:4px}.demo-bar label{display:inline-flex;align-items:center;gap:6px}@media(max-width:640px){.demo-bar__hide-sm{display:none}}.app{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100%}.sidebar{position:sticky;top:env(safe-area-inset-top,0px);height:100vh;display:flex;flex-direction:column;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--sidebar-border);text-decoration:none}.sidebar__brand-text{display:flex;flex-direction:column;line-height:1.1}.sidebar__brand .logo{padding:4px;background:#f7f7f7}.sidebar__brand-text b{font-family:var(--font-brand);font-size:15px;font-weight:700;letter-spacing:.04em;color:var(--brand-name)}.sidebar__brand-text span{font-family:var(--font-brand);font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--brand-sub)}.nav{padding:var(--sp-3);display:flex;flex-direction:column;gap:2px}.nav__group{padding:var(--sp-4) var(--sp-3) var(--sp-1);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-muted)}.nav a{display:flex;align-items:center;gap:var(--sp-3);padding:8px var(--sp-3);border-radius:var(--radius-md);color:var(--sidebar-fg);text-decoration:none;font-size:var(--fs-sm);font-weight:500}.nav a:hover{background:var(--sidebar-hover);color:var(--sidebar-active-fg)}.nav a.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-fg);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}.nav a .nav__count{margin-left:auto;font-size:11px;background:var(--accent-soft);color:var(--accent-text);padding:0 7px;border-radius:var(--radius-pill);font-weight:700}.sidebar__footer{margin-top:auto;padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--sidebar-border);font-size:var(--fs-xs);color:var(--sidebar-muted)}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;height:var(--topbar-h);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-6);background:var(--surface);border-bottom:1px solid var(--border)}.topbar__search{flex:1;max-width:420px}.topbar__spacer{flex:1}.topbar__menu-btn{display:none}.topbar__user{display:flex;align-items:center;gap:var(--sp-2);border:0;background:none;cursor:pointer;padding:4px;border-radius:var(--radius-md)}.topbar__user:hover{background:var(--surface-2)}.topbar__user-text{display:flex;flex-direction:column;text-align:left;line-height:1.2;font-size:var(--fs-sm)}.topbar__user-text small{color:var(--text-muted);font-size:var(--fs-xs)}.icon-dot{position:relative}.icon-dot:after{content:"";position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--accent);border:2px solid var(--surface)}.content{width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--page-gap)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.page-header__text{min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}.page-header__text p{color:var(--text-muted);font-size:var(--fs-sm);max-width:70ch}.page-header__actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.breadcrumb{display:flex;gap:6px;align-items:center;font-size:var(--fs-xs);color:var(--text-muted);flex-wrap:wrap}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--text);text-decoration:underline}.layout-2col{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--sp-6);align-items:start}@media(max-width:1100px){.layout-2col{grid-template-columns:minmax(0,1fr)}}.drawer-backdrop{display:none}@media(max-width:960px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;top:0;left:0;bottom:0;height:100%;width:min(300px,86vw);z-index:70;transform:translate(-100%);transition:transform .22s var(--ease);box-shadow:var(--shadow-3);padding-top:env(safe-area-inset-top,0px)}.sidebar.is-open{transform:none}.drawer-backdrop.is-open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:65}.topbar{padding:0 var(--sp-4)}.topbar__menu-btn{display:inline-flex}.topbar__user-text{display:none}.content{padding:var(--sp-4);gap:var(--sp-5)}}@media(max-width:640px){.topbar__search{display:none}.page-header__actions{width:100%}.page-header__actions .btn{flex:1}}.auth{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth__brand{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-10) var(--sp-6);gap:var(--sp-6)}.auth__form{display:flex;align-items:center;justify-content:center;padding:var(--sp-10) var(--sp-4)}.auth__card{width:min(400px,100%);display:flex;flex-direction:column;gap:var(--sp-5)}@media(max-width:860px){.auth{grid-template-columns:minmax(0,1fr)}.auth__brand{border-right:0;border-bottom:1px solid var(--border);padding:var(--sp-6) var(--sp-4)}.auth__brand img{width:180px}.auth__brand .auth__copy{display:none}}.hub{max-width:1080px;margin:0 auto;padding:var(--sp-10) var(--sp-6) var(--sp-16);display:flex;flex-direction:column;gap:var(--sp-10)}@media(max-width:640px){.hub{padding:var(--sp-6) var(--sp-4) var(--sp-12)}}.hub__intro{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--sp-8);align-items:center}.hub__intro p{color:var(--text-2);max-width:62ch}@media(max-width:720px){.hub__intro{grid-template-columns:minmax(0,1fr)}.hub__intro .logo img{width:160px}}.entry{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-6);text-decoration:none;color:inherit;transition:border-color var(--dur) var(--ease)}.entry:hover{border-color:var(--accent)}.entry p{color:var(--text-muted);font-size:var(--fs-sm)}.entry__go{margin-top:auto;display:inline-flex;gap:6px;align-items:center;font-weight:600;font-size:var(--fs-sm);color:var(--primary-soft-text)}.swatch{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface)}.swatch__chip{height:64px}.swatch__meta{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);display:flex;flex-direction:column}.swatch__meta b{font-size:var(--fs-sm)}.swatch__meta code{color:var(--text-muted)}.ds-section{display:flex;flex-direction:column;gap:var(--sp-4)}.ds-demo{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center}.code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12.5px;background:var(--surface-2);padding:1px 6px;border-radius:var(--radius-sm)}