:root{--brand-primary: #1f6feb;--brand-primary-hover: #1a5fd0;--brand-accent: #0ea5e9;--brand-on-primary: #ffffff;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 2.875rem;--leading-tight: 1.2;--leading-normal: 1.55;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 18px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);--transition-fast: .12s ease;--transition-base: .2s ease;--layout-max: 1320px;--layout-narrow: 760px;--sidebar-width: 244px;--header-height: 60px;--z-header: 100;--z-dropdown: 200;--z-modal: 300;--z-toast: 400;--bg: #f6f7f9;--bg-elevated: #ffffff;--bg-subtle: #eef1f5;--bg-inset: #e6eaf0;--bg-hover: rgba(15, 23, 42, .04);--bg-active: rgba(15, 23, 42, .07);--bg-overlay: rgba(15, 23, 42, .45);--fg: #10151f;--fg-muted: #4d5866;--fg-subtle: #6b7684;--fg-inverse: #ffffff;--border: #d8dee6;--border-strong: #b9c2cd;--border-focus: var(--brand-primary);--success: #197a44;--success-bg: #e6f6ec;--success-border: #a9dcbc;--warning: #8a5300;--warning-bg: #fdf3e2;--warning-border: #ecd0a1;--danger: #b3261e;--danger-bg: #fdeceb;--danger-border: #f1bab6;--info: #1c5fb0;--info-bg: #e8f1fc;--info-border: #b4d0f0;--neutral: #4d5866;--neutral-bg: #eef1f5;--neutral-border: #d8dee6;--chart-1: #1f6feb;--chart-2: #b06406;--chart-3: #029dac;--chart-4: #961668;--chart-5: #499e73;--chart-6: #853735;--chart-grid: #e2e7ee;--chart-axis: #6b7684}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0d1117;--bg-elevated: #151b23;--bg-subtle: #1c2430;--bg-inset: #232c39;--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .1);--bg-overlay: rgba(3, 6, 12, .65);--fg: #e8edf4;--fg-muted: #a3aebd;--fg-subtle: #7d8797;--fg-inverse: #0d1117;--border: #2c3542;--border-strong: #3d4859;--success: #4ec97f;--success-bg: #10281a;--success-border: #1f5637;--warning: #e8b25c;--warning-bg: #2b1f0a;--warning-border: #5c4318;--danger: #f4877f;--danger-bg: #2d1211;--danger-border: #632723;--info: #79b3f5;--info-bg: #0f2440;--info-border: #1f4573;--neutral: #a3aebd;--neutral-bg: #1c2430;--neutral-border: #2c3542;--chart-1: #6aa6ff;--chart-2: #e0b016;--chart-3: #56f2f1;--chart-4: #e8469d;--chart-5: #b1ebb8;--chart-6: #ba6c59;--chart-grid: #232c39;--chart-axis: #7d8797;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55)}}:root[data-theme=dark]{--bg: #0d1117;--bg-elevated: #151b23;--bg-subtle: #1c2430;--bg-inset: #232c39;--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .1);--bg-overlay: rgba(3, 6, 12, .65);--fg: #e8edf4;--fg-muted: #a3aebd;--fg-subtle: #7d8797;--fg-inverse: #0d1117;--border: #2c3542;--border-strong: #3d4859;--success: #4ec97f;--success-bg: #10281a;--success-border: #1f5637;--warning: #e8b25c;--warning-bg: #2b1f0a;--warning-border: #5c4318;--danger: #f4877f;--danger-bg: #2d1211;--danger-border: #632723;--info: #79b3f5;--info-bg: #0f2440;--info-border: #1f4573;--neutral: #a3aebd;--neutral-bg: #1c2430;--neutral-border: #2c3542;--chart-1: #6aa6ff;--chart-2: #e0b016;--chart-3: #56f2f1;--chart-4: #e8469d;--chart-5: #b1ebb8;--chart-6: #ba6c59;--chart-grid: #232c39;--chart-axis: #7d8797;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4{line-height:var(--leading-tight);font-weight:var(--weight-semibold)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}a{color:var(--brand-primary);text-decoration:none}a:hover{text-decoration:underline}ul,ol{padding-inline-start:var(--space-5)}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.875em}hr{border:0;border-top:1px solid var(--border)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.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}.skip-link{position:absolute;inset-inline-start:var(--space-2);inset-block-start:-100px;z-index:999;padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:inset-block-start var(--transition-fast)}.skip-link:focus{inset-block-start:var(--space-2)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-sm{gap:var(--space-2)}.stack-lg{gap:var(--space-6)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.row-between{justify-content:space-between}.row-end{justify-content:flex-end}.row-tight{gap:var(--space-2)}.grow{flex:1 1 auto;min-width:0}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle);font-size:var(--text-sm)}.mono{font-family:var(--font-mono);font-size:var(--text-sm);word-break:break-all}.nowrap{white-space:nowrap}.center{text-align:center}.right{text-align:right}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.card-tight{padding:var(--space-4)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.card-title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.page{display:flex;flex-direction:column;gap:var(--space-5)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-title{font-size:var(--text-2xl)}.page-lead{color:var(--fg-muted);max-width:68ch}.section{padding-block:var(--space-16)}.container{width:100%;max-width:var(--layout-max);margin-inline:auto;padding-inline:var(--space-4)}.container-narrow{max-width:var(--layout-narrow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.5rem .9rem;min-height:38px;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1.2;text-decoration:none;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn:hover{text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand-primary);color:var(--brand-on-primary)}.btn-primary:not(:disabled):hover{background:var(--brand-primary-hover)}.btn-secondary{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--fg)}.btn-secondary:not(:disabled):hover{background:var(--bg-hover)}.btn-ghost{background:transparent;color:var(--fg-muted)}.btn-ghost:not(:disabled):hover{background:var(--bg-hover);color:var(--fg)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:not(:disabled):hover{filter:brightness(.92)}.btn-sm{min-height:30px;padding:.25rem .6rem;font-size:var(--text-sm)}.btn-lg{min-height:46px;padding:.7rem 1.4rem;font-size:var(--text-md)}.btn-block{width:100%}.btn-icon{min-height:34px;min-width:34px;padding:0}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-muted)}.field-required{color:var(--danger);margin-inline-start:2px}.field-hint{font-size:var(--text-xs);color:var(--fg-subtle)}.field-error{font-size:var(--text-xs);color:var(--danger)}.input,.select,.textarea{width:100%;padding:.45rem .65rem;min-height:38px;background:var(--bg-elevated);color:var(--fg);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.input:hover,.select:hover,.textarea:hover{border-color:var(--fg-subtle)}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--bg-subtle);color:var(--fg-subtle);cursor:not-allowed}.textarea{min-height:90px;resize:vertical;font-family:inherit}.checkbox-row{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer}.checkbox-row input{margin-top:.2rem;flex:0 0 auto;accent-color:var(--brand-primary);width:16px;height:16px}.form-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}fieldset{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}legend{padding-inline:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--fg-muted)}.alert{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid;border-radius:var(--radius-md);font-size:var(--text-sm)}.alert-title{font-weight:var(--weight-semibold)}.alert-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}.alert-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.alert-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.alert-danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th,.table td{padding:var(--space-3);text-align:start;border-bottom:1px solid var(--border);vertical-align:middle}.table thead th{position:sticky;top:0;background:var(--bg-subtle);color:var(--fg-muted);font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;z-index:1}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--bg-hover)}.table-sort{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:0;padding:0;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit}.table-sort:hover{color:var(--fg)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.1rem .5rem;border:1px solid;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap}.badge-neutral{background:var(--neutral-bg);border-color:var(--neutral-border);color:var(--neutral)}.badge-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}.badge-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.badge-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.badge-danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.progress{height:8px;width:100%;background:var(--bg-inset);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);background:var(--brand-primary);transition:width var(--transition-base)}.progress-fill[data-tone=success]{background:var(--success)}.progress-fill[data-tone=warning]{background:var(--warning)}.progress-fill[data-tone=danger]{background:var(--danger)}.skeleton{background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--bg-inset) 50%,var(--bg-subtle) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s linear infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-subtle)}.stat-value{font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:1.1;font-variant-numeric:tabular-nums}.stat-meta{font-size:var(--text-xs);color:var(--fg-muted)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);text-align:center;color:var(--fg-muted)}.empty-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--fg)}.empty-body{max-width:46ch;font-size:var(--text-sm)}.timeline{display:flex;flex-direction:column;gap:0;list-style:none;padding:0;margin:0}.timeline-item{display:grid;grid-template-columns:22px 1fr;gap:var(--space-3);padding-bottom:var(--space-4);position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;inset-inline-start:10px;inset-block:20px 0;width:2px;background:var(--border)}.timeline-dot{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--border-strong);background:var(--bg-elevated);display:grid;place-items:center;font-size:11px;z-index:1}.timeline-dot[data-state=done]{border-color:var(--success);background:var(--success);color:#fff}.timeline-dot[data-state=active]{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 22%,transparent)}.timeline-dot[data-state=failed]{border-color:var(--danger);background:var(--danger);color:#fff}.timeline-dot[data-state=skipped]{border-style:dashed}.timeline-label{font-weight:var(--weight-medium)}.timeline-meta{font-size:var(--text-xs);color:var(--fg-subtle)}.toast-region{position:fixed;inset-block-end:var(--space-4);inset-inline-end:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:min(420px,calc(100vw - 2 * var(--space-4)))}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-strong);border-inline-start-width:4px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm)}.toast[data-tone=success]{border-inline-start-color:var(--success)}.toast[data-tone=error]{border-inline-start-color:var(--danger)}.toast[data-tone=warning]{border-inline-start-color:var(--warning)}.toast[data-tone=info]{border-inline-start-color:var(--info)}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);background:var(--bg-overlay);display:grid;place-items:center;padding:var(--space-4);overflow-y:auto}.modal{width:100%;max-width:560px;max-height:calc(100vh - 2 * var(--space-8));display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.modal-sm{max-width:420px}.modal-lg{max-width:800px}.modal-header,.modal-footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);flex-shrink:0}.modal-header{justify-content:space-between;border-bottom:1px solid var(--border)}.modal-footer{justify-content:flex-end;border-top:1px solid var(--border);flex-wrap:wrap}.modal-body{padding:var(--space-4);overflow-y:auto}.dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-4);border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-elevated);text-align:center;transition:border-color var(--transition-fast),background var(--transition-fast);cursor:pointer}.dropzone[data-dragging=true]{border-color:var(--brand-primary);background:var(--info-bg)}.dropzone[aria-disabled=true]{opacity:.6;cursor:not-allowed}.file-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.file-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-2) var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated)}.file-name{font-size:var(--text-sm);font-weight:var(--weight-medium);overflow-wrap:anywhere}.file-progress{grid-column:1 / -1}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:var(--z-header);display:flex;align-items:center;gap:var(--space-3);height:var(--header-height);padding-inline:var(--space-4);background:var(--bg-elevated);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold);color:var(--fg);font-size:var(--text-md)}.brand:hover{text-decoration:none}.brand-logo{height:26px;width:auto;max-width:130px;object-fit:contain}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-md);background:var(--brand-primary);color:var(--brand-on-primary);font-size:var(--text-sm);font-weight:var(--weight-bold)}.app-body{display:flex;flex:1 1 auto;min-height:0}.sidebar{flex:0 0 var(--sidebar-width);width:var(--sidebar-width);border-inline-end:1px solid var(--border);background:var(--bg-elevated);padding:var(--space-4) var(--space-3);overflow-y:auto}.sidebar-group+.sidebar-group{margin-top:var(--space-5)}.sidebar-group-label{padding-inline:var(--space-3);margin-bottom:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle)}.nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:.45rem var(--space-3);border-radius:var(--radius-md);color:var(--fg-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.nav-link:hover{background:var(--bg-hover);color:var(--fg);text-decoration:none}.nav-link[aria-current=page]{background:var(--bg-active);color:var(--fg)}.app-main{flex:1 1 auto;min-width:0;padding:var(--space-6) var(--space-4) var(--space-12)}.app-main-inner{max-width:var(--layout-max);margin-inline:auto}.top-nav{display:flex;align-items:center;gap:var(--space-1);list-style:none;padding:0;margin:0}.top-nav .nav-link{padding-inline:var(--space-3)}.dropdown{position:relative}.dropdown-panel{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 6px);z-index:var(--z-dropdown);min-width:200px;padding:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:2px;max-height:70vh;overflow-y:auto}.dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:none;border:0;border-radius:var(--radius-sm);color:var(--fg);font-size:var(--text-sm);text-align:start}.dropdown-panel-left{inset-inline-end:auto;inset-inline-start:0}.dropdown-item:hover,.dropdown-item:focus-visible{background:var(--bg-hover);text-decoration:none}.dropdown-item[aria-selected=true]{background:var(--bg-active);font-weight:var(--weight-medium)}.dropdown-label{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.05em}.dropdown-separator{height:1px;background:var(--border);margin-block:var(--space-1)}.notification-dot{position:absolute;top:2px;inset-inline-end:2px;min-width:16px;height:16px;padding-inline:3px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--danger);color:#fff;font-size:10px;font-weight:var(--weight-bold);line-height:1}.filters{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.filters .field{flex:1 1 170px;min-width:150px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding-top:var(--space-2)}.pagination-pages{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);overflow-x:auto}.tab{padding:var(--space-2) var(--space-4);background:none;border:0;border-bottom:2px solid transparent;color:var(--fg-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}.tab[aria-selected=true]{color:var(--fg);border-bottom-color:var(--brand-primary)}.public-shell{min-height:100vh;display:flex;flex-direction:column}.public-main{flex:1 1 auto}.public-footer{border-top:1px solid var(--border);background:var(--bg-elevated);padding-block:var(--space-8);font-size:var(--text-sm);color:var(--fg-muted)}.hero{padding-block:var(--space-20) var(--space-16);text-align:center;background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--brand-primary) 12%,transparent),transparent 55%),radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--brand-accent) 12%,transparent),transparent 50%)}.hero h1{font-size:var(--text-4xl);max-width:22ch;margin-inline:auto}.hero p{margin-top:var(--space-4);font-size:var(--text-lg);color:var(--fg-muted);max-width:62ch;margin-inline:auto}.hero-actions{margin-top:var(--space-8);display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.section-head{text-align:center;margin-bottom:var(--space-8)}.section-head h2{font-size:var(--text-2xl)}.section-head p{margin-top:var(--space-2);color:var(--fg-muted);max-width:62ch;margin-inline:auto}.step{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.step-number{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-full);background:var(--brand-primary);color:var(--brand-on-primary);font-weight:var(--weight-bold);font-size:var(--text-sm)}.format-chip{display:inline-flex;padding:.2rem .55rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-subtle);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase}.plan-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:stretch}.plan{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl)}.plan[data-highlighted=true]{border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}.plan-price{display:flex;align-items:baseline;gap:var(--space-1)}.plan-amount{font-size:var(--text-3xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);flex:1 1 auto}.plan-features li{display:flex;gap:var(--space-2);align-items:flex-start}.plan-features li[data-included=false]{color:var(--fg-subtle);text-decoration:line-through}.toggle-group{display:inline-flex;padding:3px;gap:2px;background:var(--bg-inset);border-radius:var(--radius-full)}.toggle-option{padding:.3rem .9rem;border:0;border-radius:var(--radius-full);background:transparent;color:var(--fg-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.toggle-option[aria-pressed=true]{background:var(--bg-elevated);color:var(--fg);box-shadow:var(--shadow-sm)}.code-block{padding:var(--space-4);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto;font-size:var(--text-xs);line-height:1.6}.code-block code{white-space:pre}.fullscreen{min-height:100vh;display:grid;place-items:center;padding:var(--space-6) var(--space-4)}.auth-card{width:100%;max-width:430px;display:flex;flex-direction:column;gap:var(--space-5)}.auth-card-wide{max-width:720px}.spinner{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--brand-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.password-strength{display:flex;gap:3px}.password-strength span{flex:1 1 0;height:4px;border-radius:var(--radius-full);background:var(--bg-inset)}.password-strength span[data-on=true][data-level=weak]{background:var(--danger)}.password-strength span[data-on=true][data-level=medium]{background:var(--warning)}.password-strength span[data-on=true][data-level=strong]{background:var(--success)}@media (max-width: 900px){:root{--header-height: 56px}.app-body{flex-direction:column}.sidebar{flex:0 0 auto;width:100%;border-inline-end:0;border-bottom:1px solid var(--border);padding:var(--space-3);overflow-x:auto}.sidebar-group+.sidebar-group{margin-top:var(--space-3)}.nav-list{flex-direction:row;flex-wrap:wrap}.hero{padding-block:var(--space-12) var(--space-10)}.hero h1{font-size:var(--text-3xl)}.section{padding-block:var(--space-10)}}@media (max-width: 560px){.app-main{padding:var(--space-4) var(--space-3) var(--space-10)}.card{padding:var(--space-4)}.page-title,.stat-value{font-size:var(--text-xl)}.modal-backdrop{padding:var(--space-2);align-items:flex-end}.modal{max-height:calc(100vh - var(--space-8))}.toast-region{inset-inline:var(--space-2);max-width:none}.btn-block-mobile{width:100%}}@media print{.app-header,.sidebar,.toast-region{display:none}}