:root{--color-ink: #111827;--color-ink-muted: #6b7280;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-sunken: #f3f4f6;--color-surface-overlay: rgba(0, 0, 0, .9);--color-line: rgba(0, 0, 0, .08);--color-line-strong: rgba(0, 0, 0, .16);--color-accent: #111827;--color-accent-hover: #374151;--color-accent-light: #f3f4f6;--color-accent-2: #3b5d4a;--color-accent-3: #d4a853;--color-focus: #111827;--color-success: #16a34a;--color-warning: #d97706;--color-error: #dc2626;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--text-hero: clamp(4.5rem, 8vw, 6.5rem);--text-h1: clamp(3rem, 5vw, 4.5rem);--text-h2: clamp(2rem, 3.5vw, 3rem);--text-h3: clamp(1.5rem, 2.2vw, 2rem);--text-body-lg: 1.375rem;--text-body: 1.25rem;--text-small: 1.125rem;--text-micro: 1rem;--font-display: system-ui, sans-serif;--font-body: system-ui, sans-serif;--font-mono: "Courier New", monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 500;--weight-bold: 700;--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.07);--shadow-lg: 0 10px 15px rgba(0,0,0,.1);--shadow-none: none;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--page-width: min(100% - 2.5rem, 75rem);--copy-width: min(100% - 2.5rem, 45rem);--wide-width: min(100% - 2.5rem, 87.5rem);--gutter: clamp(1rem, 2vw, 2rem);--nav-height: 4.5rem}:root{--font-display: "FH Oscar", system-ui, sans-serif;--font-body: "FH Oscar", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--color-ink: #0A0A0A;--color-ink-muted: #737373;--color-surface: #FFFFFF;--color-surface-raised: #FFFFFF;--color-surface-sunken: #F0F0F0;--color-surface-overlay: rgba(0, 0, 0, .9);--color-line: rgba(0, 0, 0, .08);--color-line-strong: #B3B3B3;--color-accent: #008C8C;--color-accent-hover: #007070;--color-accent-light: #E6F4F4;--color-focus: #008C8C;--color-success: #16A34A;--color-success-bg: #DCFCE7;--color-warning: #D97706;--color-warning-bg: #FEF3C7;--color-error: #DC2626;--color-error-bg: #FEE2E2;--nav-height: 64px;--space-5: 1.25rem;--radius-xl: 16px;--radius-arch: 50% 50% 0 0;--tracking-tight: -.03em;--tracking-snug: -.02em;--tracking-normal: 0em;--tracking-wide: .06em;--leading-tight: 1.1;--leading-snug: 1.2;--leading-body: 1.6;--leading-loose: 1.7;--color-white-08: rgba(255, 255, 255, .08);--color-black-15: rgba(10, 10, 10, .15);--color-black: #0A0A0A;--color-gray-900: #1A1A1A;--color-gray-700: #404040;--color-gray-500: #737373;--color-gray-400: #8A8A8A;--color-gray-300: #B3B3B3;--color-gray-200: #D4D4D4;--color-gray-100: #F0F0F0;--color-white: #FAFAFA;--color-pure-white: #FFFFFF;--color-bg-primary: var(--color-surface);--color-bg-secondary: var(--color-surface-sunken);--color-bg-dark: #0A0A0A;--color-text-primary: var(--color-ink);--color-text-secondary: var(--color-ink-muted);--color-border: var(--color-line);--color-border-mid: var(--color-line-strong);--color-bg: var(--color-surface);--color-text: var(--color-ink);--color-muted: var(--color-ink-muted);--color-danger: var(--color-error);--color-panel: var(--color-surface-sunken)}@media(prefers-color-scheme:dark){:root{--color-ink: #E8E8EC;--color-ink-muted: #8A8A96;--color-surface: #111118;--color-surface-raised: #1C1C26;--color-surface-sunken: #0A0A10;--color-surface-overlay: rgba(10, 10, 16, .95);--color-line: rgba(255, 255, 255, .1);--color-line-strong: rgba(255, 255, 255, .2);--color-accent: #008C8C;--color-accent-hover: #00A8A8;--color-accent-light: #0A1C1C;--color-focus: #008C8C;--color-success-bg: #0F2A1A;--color-warning-bg: #2E2410;--color-error-bg: #2E1414;--color-bg-dark: #0A0A10;--color-black: #E8E8EC;--color-white: #1C1C26;--color-pure-white: #1C1C26;--color-gray-100: #2A2A36;--color-gray-300: rgba(255, 255, 255, .16);--color-gray-500: #8A8A96;--color-gray-700: #B8B8C4;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);color-scheme:dark}}@font-face{font-family:FH Oscar;src:url(/fonts/fh-oscar/FHOscar-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:FH Oscar;src:url(/fonts/fh-oscar/FHOscar-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:FH Oscar;src:url(/fonts/fh-oscar/FHOscar-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:FH Oscar;src:url(/fonts/fh-oscar/FHOscar-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--color-ink);background:var(--color-surface);line-height:var(--leading-body, 1.6);-webkit-font-smoothing:antialiased}.container{width:var(--page-width);margin-inline:auto}.container--narrow{width:var(--copy-width);margin-inline:auto}.container--wide{width:var(--wide-width);margin-inline:auto}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--sm{gap:var(--space-2)}.stack--lg{gap:var(--space-8)}.row{display:flex;flex-direction:row;align-items:center;gap:var(--space-4)}.row--sm{gap:var(--space-2)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-nav__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;min-height:var(--nav-height)}.app-nav__brand{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex-shrink:0;text-decoration:none}.app-nav__brand .eyebrow{margin-bottom:0;white-space:nowrap}.app-nav__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2);min-width:0;margin-left:auto}.app-nav__meta{max-width:min(34vw,220px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-page,.app-page--narrow,.app-page--wide,.auth-shell{margin-inline:auto;width:min(100% - var(--space-8),var(--page-width))}.app-page{padding:var(--space-8) 0 var(--space-12)}.app-page--narrow{width:min(100% - var(--space-8),var(--copy-width));padding:var(--space-8) 0 var(--space-12)}.app-page--wide{width:min(100% - var(--space-8),var(--wide-width));padding:var(--space-8) 0 var(--space-12)}.app-page__header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-8)}.app-page__title-block{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.app-page__title{margin:0}.app-page__description{max-width:56ch;color:var(--color-ink-muted)}.app-page__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-3)}.app-page__section{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-line)}.app-form{display:flex;flex-direction:column;gap:var(--space-5)}.app-form__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.metric-card{display:flex;flex-direction:column;gap:var(--space-2);min-height:100%}.metric-card__label{font-size:var(--text-small);color:var(--color-ink-muted)}.metric-card__value{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-bold, 700);line-height:var(--leading-snug, 1.2);letter-spacing:var(--tracking-snug, -.02em)}.metric-card__meta{font-size:var(--text-small);color:var(--color-ink-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-12) var(--space-6);border:1px solid var(--color-line);background:var(--color-surface-sunken)}.empty-state--card{background:var(--color-surface-raised)}.empty-state__title{margin:0;font-size:var(--text-h3)}.empty-state__text{max-width:42ch;color:var(--color-ink-muted)}.empty-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.auth-shell{width:min(100% - var(--space-8),432px);padding:var(--space-16) 0}.auth-shell--loading{min-height:calc(100vh - var(--nav-height));display:flex;align-items:center;justify-content:center}.auth-card{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8);border:1px solid var(--color-line);background:var(--color-surface-raised)}.auth-card__header{display:flex;flex-direction:column;gap:var(--space-2);text-align:center}.auth-card__divider{display:flex;align-items:center;gap:var(--space-4);color:var(--color-ink-muted);font-size:var(--text-small)}.auth-card__divider:before,.auth-card__divider:after{content:"";flex:1;height:1px;background:var(--color-line)}.page-tabs{display:flex;gap:0;margin-bottom:var(--space-6);border-bottom:1px solid var(--color-line);overflow-x:auto}.page-tabs__button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-ink-muted);font:inherit;padding:var(--space-3) var(--space-4);cursor:pointer;white-space:nowrap}.page-tabs__button--active{border-bottom-color:var(--color-accent);color:var(--color-ink);font-weight:var(--weight-medium, 500)}h1,.h1{font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight, -.03em);line-height:var(--leading-tight, 1.1)}h2,.h2{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug, -.02em);line-height:var(--leading-snug, 1.2)}h3,.h3{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug, -.02em);line-height:var(--leading-snug, 1.2)}.text-sm{font-size:var(--text-small)}.text-xs{font-size:var(--text-micro)}.text-lg{font-size:var(--text-body-lg)}.text-muted{color:var(--color-ink-muted)}.eyebrow{font-size:var(--text-micro);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide, .06em);text-transform:uppercase;color:var(--color-ink-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-medium);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--outline{background:transparent;color:var(--color-ink);border-color:var(--color-line-strong)}.btn--outline:hover{background:var(--color-surface-sunken)}.btn--ghost{background:transparent;color:var(--color-ink);border:none}.btn--ghost:hover{background:var(--color-surface-sunken)}.btn--sm{font-size:var(--text-small);padding:var(--space-2) var(--space-4)}.btn--icon{padding:var(--space-2);border-radius:var(--radius-full);min-width:auto}.btn--danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.card{background:var(--color-surface-raised);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow var(--duration-fast) var(--ease-out)}.card--clickable{cursor:pointer;text-decoration:none;color:inherit;display:block}.card--clickable:hover{box-shadow:var(--shadow-md)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-small);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-sunken);color:var(--color-ink)}.chip--accent{background:var(--color-accent-light);color:var(--color-accent)}.chip--success{background:var(--color-success-bg);color:var(--color-success)}.chip--warning{background:var(--color-warning-bg);color:var(--color-warning)}.chip--error{background:var(--color-error-bg);color:var(--color-error)}.alert{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-line);border-left-width:3px;border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-ink);font-size:var(--text-small)}.alert--error{border-left-color:var(--color-error)}.alert--success{border-left-color:var(--color-success)}.alert--warning{border-left-color:var(--color-warning)}.alert--info{border-left-color:var(--color-accent)}.alert__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--color-ink-muted);cursor:pointer;font-size:var(--text-body-lg);line-height:1;padding:0}.alert__close:hover{color:var(--color-ink)}.input{font-family:var(--font-body);font-size:var(--text-body);padding:var(--space-3) var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);width:100%;transition:border-color var(--duration-fast) var(--ease-out)}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.input::placeholder{color:var(--color-ink-muted)}.input--error{border-color:var(--color-error)}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-group label{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-ink)}.input-group .input-help{font-size:var(--text-micro);color:var(--color-ink-muted)}.input-group .input-error{font-size:var(--text-micro);color:var(--color-error)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23737373' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-12)}textarea.input{min-height:120px;resize:vertical}.nav{position:sticky;top:0;z-index:100;height:var(--nav-height);display:flex;align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-line)}.nav .container{display:flex;align-items:center;justify-content:space-between}@media(max-width:1024px){.nav{height:auto;min-height:var(--nav-height)}.app-nav__bar{flex-wrap:wrap;align-items:flex-start;padding-block:var(--space-3)}.app-nav__actions{width:100%;margin-left:0;justify-content:flex-start}.app-nav__meta{max-width:100%}}@media(max-width:640px){.app-page,.app-page--narrow,.app-page--wide,.auth-shell{width:min(100% - var(--space-6),var(--page-width))}.app-page__header{margin-bottom:var(--space-6)}.app-page__actions{width:100%;justify-content:flex-start}.empty-state{padding:var(--space-10) var(--space-4)}.auth-card{padding:var(--space-6)}.app-nav__actions{flex-direction:column;align-items:stretch}.app-nav__actions .btn,.app-nav__actions a.btn,.app-nav__actions button.btn{width:100%;justify-content:center}}dialog{border:none;border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-lg);max-width:480px;width:90vw}dialog::backdrop{background:#00000080}.progress{width:100%;height:6px;border-radius:var(--radius-full);background:var(--color-surface-sunken);overflow:hidden}.progress-bar{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.spinner{width:24px;height:24px;border:3px solid var(--color-line);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-ink-muted);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line-strong)}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line);font-size:var(--text-body)}.table tr:hover td{background:var(--color-surface-sunken)}.skeleton{border-radius:var(--radius-sm);background:var(--color-surface-sunken);background-image:linear-gradient(90deg,var(--color-surface-sunken) 0%,var(--color-surface-raised) 50%,var(--color-surface-sunken) 100%);background-size:220% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton--text{width:80%;height:16px}.skeleton--title{width:60%;height:24px}.skeleton--card{width:100%;height:200px}.skeleton--avatar{width:48px;height:48px}.skeleton--button{width:120px;height:48px}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:200;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;max-width:400px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-line);background:var(--color-surface-raised);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--weight-medium);box-shadow:var(--shadow-lg);cursor:pointer;text-align:left;animation:toast-slide-in var(--duration-normal) var(--ease-out) both}.toast--success{border-left:3px solid var(--color-success)}.toast--error{border-left:3px solid var(--color-error)}.toast--info{border-left:3px solid var(--color-accent)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.choice{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-small);cursor:pointer;-webkit-user-select:none;user-select:none}.choice input[type=checkbox],.choice input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin:0;flex-shrink:0;border:1px solid var(--color-line-strong);background:var(--color-surface);display:grid;place-content:center;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.choice input[type=checkbox]:checked{background:var(--color-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.5l2.5 2.5 4.5-5' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center no-repeat;border-color:var(--color-accent)}.choice input[type=radio]{border-radius:50%}.choice input[type=radio]:checked{border-color:var(--color-accent)}.choice input[type=radio]:checked:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-accent)}.choice input:disabled{opacity:.5;cursor:not-allowed}.choice:has(input:disabled){color:var(--color-ink-muted);cursor:not-allowed}.switch{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-small);cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;margin:0;position:relative;flex-shrink:0;border:1px solid var(--color-line-strong);background:var(--color-surface-sunken);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.switch input:before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--color-ink-muted);transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.switch input:checked{background:var(--color-accent);border-color:var(--color-accent)}.switch input:checked:before{transform:translate(16px);background:#fff}.file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);text-align:center;border:1px dashed var(--color-line-strong);background:var(--color-surface-sunken);color:var(--color-ink);cursor:pointer;width:100%;font:inherit;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.file-drop:hover,.file-drop--active{border-color:var(--color-accent);background:var(--color-accent-light)}.file-drop__hint{font-size:var(--text-micro);color:var(--color-ink-muted)}.file-drop__thumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.file-thumb{width:72px;height:56px;object-fit:cover;border:1px solid var(--color-line);display:block}.pagination{display:flex;align-items:center;gap:var(--space-1)}.pagination__btn{min-width:36px;height:36px;padding:0 var(--space-2);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;font:inherit;font-size:var(--text-small);color:var(--color-ink);cursor:pointer}.pagination__btn:hover{background:var(--color-surface-sunken)}.pagination__btn--active{background:var(--color-ink);color:#fff}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__ellipsis{color:var(--color-ink-muted);padding:0 var(--space-1)}.menu{position:relative;display:inline-block}.menu__list{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;z-index:50;background:var(--color-surface);border:1px solid var(--color-line-strong);box-shadow:var(--shadow-lg);padding:var(--space-1) 0}.menu__list--right{left:auto;right:0}.menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);font:inherit;font-size:var(--text-small);background:transparent;border:0;cursor:pointer;text-align:left;color:var(--color-ink);text-decoration:none}.menu__item:hover{background:var(--color-surface-sunken)}.menu__item--danger{color:var(--color-error)}.menu__divider{height:1px;background:var(--color-line);margin:var(--space-1) 0}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-small);color:var(--color-ink-muted)}.breadcrumb a{color:var(--color-ink-muted);text-decoration:none}.breadcrumb a:hover{color:var(--color-ink);text-decoration:underline}.breadcrumb__sep{color:var(--color-line-strong)}.breadcrumb [aria-current=page]{color:var(--color-ink);font-weight:var(--weight-medium)}.tip{position:relative}.tip[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(2px);background:var(--color-ink);color:#fff;font-size:var(--text-micro);padding:var(--space-1) var(--space-3);white-space:nowrap;opacity:0;pointer-events:none;z-index:60;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.tip[data-tip]:hover:after,.tip[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.banner{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);text-align:center;background:var(--color-ink);color:#fff;font-size:var(--text-small)}.banner a{color:#fff;font-weight:var(--weight-medium)}.banner--accent{background:var(--color-accent)}.banner__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#fff;opacity:.7;cursor:pointer;font-size:var(--text-body);line-height:1;padding:0 var(--space-1)}.banner__close:hover{opacity:1}.avatar{width:36px;height:36px;flex-shrink:0;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--color-ink);color:#fff;font-size:var(--text-micro);font-weight:var(--weight-medium);letter-spacing:.02em}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar--sm{width:28px;height:28px;font-size:.7rem}.stepper{display:flex;align-items:flex-start}.stepper__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1;position:relative;text-align:center}.stepper__step:not(:last-child):after{content:"";position:absolute;top:14px;left:calc(50% + 22px);right:calc(-50% + 22px);height:1px;background:var(--color-line-strong)}.stepper__dot{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-line-strong);background:var(--color-surface);font-size:var(--text-micro);font-weight:var(--weight-medium);z-index:1}.stepper__label{font-size:var(--text-micro);color:var(--color-ink-muted)}.stepper__step--done .stepper__dot{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.stepper__step--active .stepper__dot{border-color:var(--color-ink);color:var(--color-ink);border-width:2px}.stepper__step--active .stepper__label{color:var(--color-ink);font-weight:var(--weight-medium)}.stepper__step--done:after{background:var(--color-accent)!important}.bars{display:flex;align-items:flex-end;gap:var(--space-2);height:120px}.bars .bar{flex:1;background:var(--color-accent);min-height:2px}.bars .bar--muted{background:var(--color-gray-200)}.accordion{border-top:1px solid var(--color-line)}.accordion__item{border-bottom:1px solid var(--color-line)}.accordion__item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-1);cursor:pointer;list-style:none;font-weight:var(--weight-medium)}.accordion__item summary::-webkit-details-marker{display:none}.accordion__item summary:after{content:"";width:10px;height:10px;flex-shrink:0;border-right:2px solid var(--color-ink-muted);border-bottom:2px solid var(--color-ink-muted);transform:rotate(45deg);transition:transform var(--duration-fast) var(--ease-out);margin-right:var(--space-1)}.accordion__item[open] summary:after{transform:rotate(225deg)}.accordion__body{padding:0 var(--space-1) var(--space-4);color:var(--color-ink-muted);font-size:var(--text-small);max-width:65ch}.nav__burger{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;width:44px;height:44px;align-items:center;justify-content:center;color:var(--color-ink)}.mobile-sheet{position:fixed;inset:var(--nav-height) 0 0 0;z-index:90;background:var(--color-surface);border-top:1px solid var(--color-line);display:flex;flex-direction:column;padding:var(--space-4) var(--space-5)}.mobile-sheet__link{display:block;padding:var(--space-4) 0;font-size:var(--text-body-lg);font-weight:var(--weight-medium);color:var(--color-ink);text-decoration:none;border-bottom:1px solid var(--color-line)}.mobile-sheet__actions{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-6)}.mobile-sheet__actions .btn{width:100%}@media(max-width:760px){.nav__burger{display:flex}.main-nav,.header-actions .header-link{display:none}}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media(pointer:coarse){.btn,.pagination__btn,.page-tabs__button,.menu__item{min-height:44px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-center{text-align:center}.text-right{text-align:right}.mt-auto{margin-top:auto}.flex-1{flex:1}.system-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-16) var(--space-8);border:1px solid var(--color-line);background:var(--color-surface)}.system-state__code{font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:.06em;color:var(--color-ink-muted)}.system-state__title{margin:0;font-size:var(--text-h3)}.system-state__text{max-width:46ch;color:var(--color-ink-muted)}.system-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-2)}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);align-items:end}@media(max-width:768px){.filter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.filter-grid{grid-template-columns:1fr}}.filter-bar{padding:var(--space-4)}.divider{display:flex;align-items:center;gap:var(--space-4);color:var(--color-ink-muted);font-size:var(--text-small)}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid var(--color-line)}.score-distribution-bar{display:flex;height:24px;overflow:hidden;margin-top:var(--space-1)}.score-distribution-bar__segment{display:flex;align-items:center;justify-content:center}.score-distribution-bar__segment span{font-size:var(--text-micro);font-weight:var(--weight-medium)}.score-distribution-bar__segment--high{background:var(--color-accent);color:#fff}.score-distribution-bar__segment--medium{background:var(--color-gray-300);color:var(--color-ink)}.score-distribution-bar__segment--low{background:var(--color-gray-200);color:var(--color-ink)}.range-input{width:100%;accent-color:var(--color-accent)}.snackbar{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-3);background:var(--color-ink);color:#fff;padding:var(--space-3) var(--space-6);box-shadow:var(--shadow-lg);z-index:1000;font-size:var(--text-small);max-width:90vw}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(100%)}}.admin-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:var(--space-1);background:none;border:1px solid var(--color-line);cursor:pointer}.admin-hamburger__line{display:block;width:100%;height:2px;background:var(--color-ink);border-radius:1px;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.admin-hamburger[aria-expanded=true] .admin-hamburger__line:nth-child(1){transform:translateY(7px) rotate(45deg)}.admin-hamburger[aria-expanded=true] .admin-hamburger__line:nth-child(2){opacity:0}.admin-hamburger[aria-expanded=true] .admin-hamburger__line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.admin-nav-links{display:flex;gap:var(--space-1)}@media(max-width:768px){.admin-hamburger{display:flex}.admin-nav-links{display:none;flex-direction:column;position:absolute;top:var(--nav-height, 64px);left:0;right:0;background:var(--color-bg-primary);border-bottom:1px solid var(--color-line);padding:var(--space-2) var(--space-4);z-index:100;opacity:0;transform:translateY(-8px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.admin-nav-links--open{display:flex;opacity:1;transform:translateY(0)}.admin-nav-links .btn{justify-content:flex-start;width:100%}.nav{position:relative}}.score-factor{display:flex;flex-direction:column;gap:var(--space-1)}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.table{font-size:var(--text-small)}.table th,.table td{padding:var(--space-2) var(--space-3)}}@media(max-width:480px){.hide-mobile{display:none}.table{font-size:var(--text-micro)}.table th,.table td{padding:var(--space-1) var(--space-2);white-space:nowrap}}