:root{--bx-n-0: #ffffff;--bx-n-50: #f6f7f8;--bx-n-100: #eceef0;--bx-n-200: #dde1e4;--bx-n-300: #c7ccd1;--bx-n-400: #a6aeb5;--bx-n-500: #7f8993;--bx-n-600: #616b75;--bx-n-700: #4a535b;--bx-n-800: #343b41;--bx-n-900: #23282d;--bx-n-950: #16191c;--bx-n-1000: #0b0d0f;--bx-a-50: #edf5ff;--bx-a-100: #d0e2ff;--bx-a-200: #a6c8ff;--bx-a-300: #78a9ff;--bx-a-400: #4589ff;--bx-a-500: #0f62fe;--bx-a-600: #0043ce;--bx-a-700: #002d9c;--bx-a-800: #001d6c;--bx-a-900: #001141;--bx-r-50: #fff1f1;--bx-r-100: #ffd7d9;--bx-r-500: #da1e28;--bx-r-600: #a2191f;--bx-r-700: #750e13;--bx-y-50: #fcf4d6;--bx-y-100: #fddc69;--bx-y-500: #f1c21b;--bx-y-600: #b28600;--bx-y-700: #8e6a00;--bx-g-50: #defbe6;--bx-g-100: #a7f0ba;--bx-g-500: #24a148;--bx-g-600: #198038;--bx-g-700: #0e6027;--bx-space-px: 1px;--bx-space-0: 0;--bx-space-half: 2px;--bx-space-1: 4px;--bx-space-2: 8px;--bx-space-3: 12px;--bx-space-4: 16px;--bx-space-5: 24px;--bx-space-6: 32px;--bx-space-7: 40px;--bx-space-8: 48px;--bx-space-9: 64px;--bx-space-10: 80px;--bx-space-11: 96px;--bx-space-12: 128px;--bx-space-13: 160px;--bx-space-14: 192px;--bx-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bx-font-display: "Inter Tight", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--bx-font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--bx-text-2xs: .625rem;--bx-lh-2xs: .875rem;--bx-text-xs: .6875rem;--bx-lh-xs: 1rem;--bx-text-sm: .75rem;--bx-lh-sm: 1rem;--bx-text-base:.875rem;--bx-lh-base:1.25rem;--bx-text-md: 1rem;--bx-lh-md: 1.5rem;--bx-text-lg: 1.125rem;--bx-lh-lg: 1.75rem;--bx-text-xl: 1.25rem;--bx-lh-xl: 1.75rem;--bx-text-2xl: 1.5rem;--bx-lh-2xl: 2rem;--bx-text-3xl: 2rem;--bx-lh-3xl: 2.25rem;--bx-text-4xl: 2.5rem;--bx-lh-4xl: 2.75rem;--bx-text-5xl: 3.375rem;--bx-lh-5xl: 3.5rem;--bx-text-6xl: 4.5rem;--bx-lh-6xl: 4.5rem;--bx-text-7xl: 6rem;--bx-lh-7xl: 5.75rem;--bx-weight-normal: 400;--bx-weight-medium: 500;--bx-weight-semibold: 600;--bx-weight-bold: 700;--bx-track-display: -.03em;--bx-track-heading: -.02em;--bx-track-body: 0;--bx-track-label: .08em;--bx-track-micro: .12em;--bx-radius: 0;--bx-border: 1px;--bx-border-strong: 2px;--bx-focus-width: 2px;--bx-focus-offset: 2px;--bx-dur-1: 80ms;--bx-dur-2: .12s;--bx-dur-3: .16s;--bx-dur-4: .24s;--bx-ease: linear;--bx-ease-sharp: cubic-bezier(.2, 0, 0, 1);--bx-ease-step: steps(4, end);--bx-container: 1280px;--bx-container-wide: 1440px;--bx-container-prose: 68ch;--bx-grid-columns: 12;--bx-grid-unit: 8px;--bx-gutter: var(--bx-space-5);--bx-control-sm: 32px;--bx-control-md: 40px;--bx-control-lg: 48px;--bx-pad-x-sm: var(--bx-space-3);--bx-pad-x-md: var(--bx-space-4);--bx-pad-x-lg: var(--bx-space-5);--bx-cell-y: var(--bx-space-3);--bx-section-y: var(--bx-space-11)}[data-density=compact]{--bx-control-sm: 24px;--bx-control-md: 32px;--bx-control-lg: 40px;--bx-pad-x-sm: var(--bx-space-2);--bx-pad-x-md: var(--bx-space-3);--bx-pad-x-lg: var(--bx-space-4);--bx-cell-y: var(--bx-space-2);--bx-section-y: var(--bx-space-9)}:root,[data-theme=light]{color-scheme:light;--bx-canvas: var(--bx-n-0);--bx-surface: var(--bx-n-0);--bx-surface-sunken: var(--bx-n-50);--bx-surface-raised: var(--bx-n-0);--bx-surface-hover: var(--bx-n-50);--bx-surface-active: var(--bx-n-100);--bx-surface-inverse: var(--bx-n-900);--bx-surface-accent: var(--bx-a-50);--bx-ink: var(--bx-n-900);--bx-ink-muted: var(--bx-n-700);--bx-ink-subtle: var(--bx-n-600);--bx-ink-faint: var(--bx-n-500);--bx-ink-inverse: var(--bx-n-0);--bx-ink-inverse-muted: var(--bx-n-400);--bx-ink-accent: var(--bx-a-600);--bx-ink-accent-inverse: var(--bx-a-300);--bx-ink-danger: var(--bx-r-600);--bx-ink-warning: var(--bx-y-700);--bx-ink-success: var(--bx-g-600);--bx-line: var(--bx-n-300);--bx-line-subtle: var(--bx-n-200);--bx-line-strong: var(--bx-n-500);--bx-line-heavy: var(--bx-n-900);--bx-line-accent: var(--bx-a-500);--bx-surface-inverse-hover: var(--bx-n-800);--bx-surface-inverse-active: var(--bx-n-700);--bx-line-inverse: var(--bx-n-700);--bx-line-inverse-strong: var(--bx-n-500);--bx-accent: var(--bx-a-500);--bx-accent-hover: var(--bx-a-600);--bx-accent-active: var(--bx-a-700);--bx-accent-soft: var(--bx-a-50);--bx-on-accent: var(--bx-n-0);--bx-on-danger: var(--bx-n-0);--bx-on-success: var(--bx-n-0);--bx-on-warning: var(--bx-n-1000);--bx-danger: var(--bx-r-500);--bx-danger-hover: var(--bx-r-600);--bx-danger-soft: var(--bx-r-50);--bx-warning: var(--bx-y-500);--bx-warning-soft: var(--bx-y-50);--bx-success: var(--bx-g-500);--bx-success-soft: var(--bx-g-50);--bx-focus: var(--bx-a-500);--bx-focus-inverse: var(--bx-n-0);--bx-shadow-color: rgba(11, 13, 15, .16);--bx-scrim: rgba(11, 13, 15, .56);--bx-grid-line: rgba(11, 13, 15, .055);--bx-selection: var(--bx-a-100)}[data-theme=dark]{color-scheme:dark;--bx-canvas: var(--bx-n-1000);--bx-surface: var(--bx-n-950);--bx-surface-sunken: var(--bx-n-1000);--bx-surface-raised: var(--bx-n-900);--bx-surface-hover: var(--bx-n-900);--bx-surface-active: var(--bx-n-800);--bx-surface-inverse: var(--bx-n-100);--bx-surface-accent: var(--bx-a-900);--bx-ink: var(--bx-n-100);--bx-ink-muted: var(--bx-n-300);--bx-ink-subtle: var(--bx-n-400);--bx-ink-faint: var(--bx-n-500);--bx-ink-inverse: var(--bx-n-1000);--bx-ink-inverse-muted: var(--bx-n-600);--bx-ink-accent: var(--bx-a-300);--bx-ink-accent-inverse: var(--bx-a-600);--bx-ink-danger: #ff8389;--bx-ink-warning: var(--bx-y-100);--bx-ink-success: var(--bx-g-100);--bx-line: var(--bx-n-800);--bx-line-subtle: var(--bx-n-900);--bx-line-strong: var(--bx-n-700);--bx-line-heavy: var(--bx-n-400);--bx-line-accent: var(--bx-a-400);--bx-surface-inverse-hover: var(--bx-n-200);--bx-surface-inverse-active: var(--bx-n-300);--bx-line-inverse: var(--bx-n-300);--bx-line-inverse-strong: var(--bx-n-500);--bx-accent: var(--bx-a-500);--bx-accent-hover: var(--bx-a-400);--bx-accent-active: var(--bx-a-300);--bx-accent-soft: var(--bx-a-900);--bx-on-accent: var(--bx-n-0);--bx-on-danger: var(--bx-n-0);--bx-on-success: var(--bx-n-0);--bx-on-warning: var(--bx-n-1000);--bx-danger: var(--bx-r-500);--bx-danger-hover: #ff8389;--bx-danger-soft: #2d0709;--bx-warning: var(--bx-y-500);--bx-warning-soft: #302200;--bx-success: var(--bx-g-500);--bx-success-soft: #071f12;--bx-focus: var(--bx-a-300);--bx-focus-inverse: var(--bx-n-1000);--bx-shadow-color: rgba(0, 0, 0, .72);--bx-scrim: rgba(0, 0, 0, .72);--bx-grid-line: rgba(246, 247, 248, .055);--bx-selection: var(--bx-a-800)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bx-canvas: var(--bx-n-1000);--bx-surface: var(--bx-n-950);--bx-surface-sunken: var(--bx-n-1000);--bx-surface-raised: var(--bx-n-900);--bx-surface-hover: var(--bx-n-900);--bx-surface-active: var(--bx-n-800);--bx-surface-inverse: var(--bx-n-100);--bx-surface-accent: var(--bx-a-900);--bx-ink: var(--bx-n-100);--bx-ink-muted: var(--bx-n-300);--bx-ink-subtle: var(--bx-n-400);--bx-ink-faint: var(--bx-n-500);--bx-ink-inverse: var(--bx-n-1000);--bx-ink-inverse-muted: var(--bx-n-600);--bx-ink-accent: var(--bx-a-300);--bx-ink-accent-inverse: var(--bx-a-600);--bx-ink-danger: #ff8389;--bx-ink-warning: var(--bx-y-100);--bx-ink-success: var(--bx-g-100);--bx-line: var(--bx-n-800);--bx-line-subtle: var(--bx-n-900);--bx-line-strong: var(--bx-n-700);--bx-line-heavy: var(--bx-n-400);--bx-line-accent: var(--bx-a-400);--bx-surface-inverse-hover: var(--bx-n-200);--bx-surface-inverse-active: var(--bx-n-300);--bx-line-inverse: var(--bx-n-300);--bx-line-inverse-strong: var(--bx-n-500);--bx-on-warning: var(--bx-n-1000);--bx-accent-hover: var(--bx-a-400);--bx-accent-active: var(--bx-a-300);--bx-accent-soft: var(--bx-a-900);--bx-danger-hover: #ff8389;--bx-danger-soft: #2d0709;--bx-warning-soft: #302200;--bx-success-soft: #071f12;--bx-focus: var(--bx-a-300);--bx-focus-inverse: var(--bx-n-1000);--bx-shadow-color: rgba(0, 0, 0, .72);--bx-scrim: rgba(0, 0, 0, .72);--bx-grid-line: rgba(246, 247, 248, .055);--bx-selection: var(--bx-a-800)}}:root{--bx-shadow-0: none;--bx-shadow-1: 0 1px 0 0 var(--bx-line);--bx-shadow-2: 2px 2px 0 0 var(--bx-shadow-color);--bx-shadow-3: 4px 4px 0 0 var(--bx-shadow-color);--bx-shadow-6: 8px 8px 0 0 var(--bx-shadow-color);--bx-ring: inset 0 0 0 1px var(--bx-line);--bx-ring-accent: inset 0 0 0 1px var(--bx-line-accent)}[data-mode=blueprint]{--bx-section-y: var(--bx-space-10);--bx-grid-show: 1;--bx-display-size: var(--bx-text-4xl)}[data-mode=industrial]{--bx-grid-columns: 16;--bx-section-y: var(--bx-space-9);--bx-grid-show: 0;--bx-display-size: var(--bx-text-3xl);--bx-gutter: var(--bx-space-4)}[data-mode=editorial]{--bx-section-y: var(--bx-space-13);--bx-grid-show: 0;--bx-display-size: var(--bx-text-6xl);--bx-gutter: var(--bx-space-6)}.bx-inverse,[data-surface=inverse]{background:var(--bx-surface-inverse);color:var(--bx-ink-inverse);--bx-canvas: var(--bx-surface-inverse);--bx-surface: var(--bx-surface-inverse);--bx-surface-sunken: var(--bx-surface-inverse);--bx-surface-raised: var(--bx-surface-inverse-hover);--bx-surface-hover: var(--bx-surface-inverse-hover);--bx-surface-active: var(--bx-surface-inverse-active);--bx-ink: var(--bx-ink-inverse);--bx-ink-muted: var(--bx-ink-inverse-muted);--bx-ink-subtle: var(--bx-ink-inverse-muted);--bx-ink-accent: var(--bx-ink-accent-inverse);--bx-line: var(--bx-line-inverse);--bx-line-subtle: var(--bx-line-inverse);--bx-line-strong: var(--bx-line-inverse-strong);--bx-line-heavy: var(--bx-ink-inverse);--bx-focus: var(--bx-focus-inverse)}*,*:before,*:after{box-sizing:border-box;border-radius:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:2;tab-size:2}body{margin:0;background:var(--bx-canvas);color:var(--bx-ink);font-family:var(--bx-font-sans);font-size:var(--bx-text-md);line-height:var(--bx-lh-md);letter-spacing:var(--bx-track-body);-webkit-font-smoothing:antialiased}::selection{background:var(--bx-selection);color:var(--bx-ink)}:where(h1,h2,h3,h4,h5,h6){margin:0;font-family:var(--bx-font-display);font-weight:var(--bx-weight-semibold);letter-spacing:var(--bx-track-heading);text-wrap:balance}h1{font-size:var(--bx-text-4xl);line-height:var(--bx-lh-4xl);letter-spacing:var(--bx-track-display)}h2{font-size:var(--bx-text-3xl);line-height:var(--bx-lh-3xl)}h3{font-size:var(--bx-text-xl);line-height:var(--bx-lh-xl)}h4{font-size:var(--bx-text-md);line-height:var(--bx-lh-md)}h5,h6{font-size:var(--bx-text-base);line-height:var(--bx-lh-base)}:where(p,ul,ol,pre,figure,table){margin:0}:where(p){text-wrap:pretty}:where(a){color:var(--bx-ink-accent);text-decoration:none;text-underline-offset:3px}:where(a:hover){text-decoration:underline}:where(code,kbd,samp,pre){font-family:var(--bx-font-mono);font-size:.9em}:where(img,svg,video,canvas){display:block;max-width:100%}:where(button,input,select,textarea){font:inherit;color:inherit}hr{border:0;border-top:var(--bx-border) solid var(--bx-line);margin:0}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:var(--bx-focus-width) solid var(--bx-focus);outline-offset:var(--bx-focus-offset)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.bx-mono{font-family:var(--bx-font-mono);font-variant-numeric:tabular-nums}.bx-label{font-family:var(--bx-font-mono);font-size:var(--bx-text-xs);line-height:var(--bx-lh-xs);font-weight:var(--bx-weight-medium);letter-spacing:var(--bx-track-label);text-transform:uppercase;color:var(--bx-ink-subtle)}.bx-num{font-variant-numeric:tabular-nums}.bx-container{width:100%;max-width:var(--bx-container);margin-inline:auto;padding-inline:var(--bx-space-4)}@media (min-width: 768px){.bx-container{padding-inline:var(--bx-space-6)}}.bx-rail{border-inline:var(--bx-border) solid var(--bx-line-subtle)}.bx-section{padding-block:var(--bx-section-y);border-bottom:var(--bx-border) solid var(--bx-line)}.bx-grid-bg{background-image:linear-gradient(to right,var(--bx-grid-line) var(--bx-border),transparent var(--bx-border)),linear-gradient(to bottom,var(--bx-grid-line) var(--bx-border),transparent var(--bx-border));background-size:var(--bx-grid-unit) var(--bx-grid-unit)}.bx-grid-bg--lg{--bx-grid-unit: 32px}.bx-dot-bg{background-image:radial-gradient(var(--bx-grid-line) 1px,transparent 1px);background-size:var(--bx-grid-unit) var(--bx-grid-unit)}.bx-ticks{position:relative}.bx-ticks:before,.bx-ticks:after{content:"";position:absolute;inline-size:7px;block-size:7px;border:var(--bx-border) solid var(--bx-line-heavy);pointer-events:none}.bx-ticks:before{inset-block-start:-4px;inset-inline-start:-4px;border-inline-end:0;border-block-end:0}.bx-ticks:after{inset-block-end:-4px;inset-inline-end:-4px;border-inline-start:0;border-block-start:0}.bx-collapse{display:grid;gap:var(--bx-border);background:var(--bx-line)}.bx-collapse>*{background:var(--bx-surface);min-inline-size:0}.bx-sr{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@font-face{font-family:Vazir;src:url(/fonts/vazir/Vazir.woff2) format("woff2"),url(/fonts/vazir/Vazir.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vazir;src:url(/fonts/vazir/Vazir-Bold.woff2) format("woff2"),url(/fonts/vazir/Vazir-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--bx-font-sans: "Vazir", ui-sans-serif, system-ui, "Segoe UI", Tahoma, sans-serif;--bx-font-display: "Vazir", ui-sans-serif, system-ui, "Segoe UI", Tahoma, sans-serif;--bx-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bx-lh-sm: 1.25rem;--bx-lh-base: 1.75rem;--bx-lh-md: 2rem;--bx-lh-lg: 2.25rem;--bx-lh-xl: 2.25rem;--bx-lh-2xl: 2.5rem;--bx-a-50: #e8f4ed;--bx-a-100: #d9f2e5;--bx-a-200: #a8d9c0;--bx-a-300: #6fbd97;--bx-a-400: #2f9265;--bx-a-500: #007038;--bx-a-600: #005a2d;--bx-a-700: #004524;--bx-a-800: #00301a;--bx-a-900: #001c0f}:root{--afra-green: var(--bx-accent);--afra-green-dark: var(--bx-accent-hover);--afra-green-soft: var(--bx-accent-soft);--afra-ink: var(--bx-ink);--afra-secondary: var(--bx-ink-muted);--info: var(--bx-ink-accent);--info-soft: var(--bx-accent-soft);--warning: var(--bx-warning);--warning-soft: var(--bx-warning-soft);--alert: var(--bx-danger);--alert-soft: var(--bx-danger-soft);--gray-050: var(--bx-surface-sunken);--gray-100: var(--bx-line-subtle);--gray-500: var(--bx-ink-subtle);--surface: var(--bx-surface);--surface-muted: var(--bx-surface-sunken);--line: var(--bx-line);--ink: var(--bx-ink);--ink-muted: var(--bx-ink-muted);--accent: var(--bx-accent);--radius: 0;--radius-sm: 0;--radius-pill: 0;--space-1: var(--bx-space-1);--space-2: var(--bx-space-2);--space-3: var(--bx-space-3);--space-4: var(--bx-space-4);--space-5: var(--bx-space-5);--space-6: var(--bx-space-6);--space-7: var(--bx-space-8);--text-sm: var(--bx-text-sm);--text-base: var(--bx-text-md);--text-lg: var(--bx-text-lg);--text-xl: var(--bx-text-xl);--text-2xl: var(--bx-text-3xl);--leading-body: var(--bx-lh-md);--container: 1120px}*"` after.
Mode: industrial. This is an operations console for Afra staff and a working surface for a charity director — dense,table-heavy,no substrate. --------------------------------------------------------------------------- */ *,*::before,*::after{box-sizing:border-box;border-radius:0}html{font-family:var(--bx-font-sans);font-size:100%}body{margin:0;background:var(--bx-canvas);color:var(--bx-ink);font-size:var(--bx-text-md);line-height:var(--bx-lh-md);-webkit-font-smoothing:antialiased}::selection{background:var(--bx-selection)}h1,h2,h3{font-family:var(--bx-font-display);font-weight:var(--bx-weight-bold);margin:0 0 var(--bx-space-3);letter-spacing:-.01em}h1{font-size:var(--bx-text-3xl);line-height:var(--bx-lh-3xl)}h2{font-size:var(--bx-text-xl);line-height:var(--bx-lh-xl)}h3{font-size:var(--bx-text-lg);line-height:var(--bx-lh-lg)}p{margin:0 0 var(--bx-space-4)}a{color:var(--bx-ink-accent);text-decoration:none;border-bottom:1px solid currentColor}a:hover{color:var(--bx-accent-hover)}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--bx-focus);outline-offset:1px}.ltr{direction:ltr;unicode-bidi:isolate;text-align:start}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.app{min-height:100vh;display:flex;flex-direction:column}.masthead{background:var(--bx-surface);border-bottom:1px solid var(--bx-line);position:sticky;top:0;z-index:10}.masthead__inner,.container{max-width:var(--container);margin:0 auto;padding:0 var(--bx-space-4)}.container--wide{max-width:1360px}.masthead__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--bx-space-4);min-height:var(--bx-control-lg);flex-wrap:wrap}.brand{font-family:var(--bx-font-display);font-weight:var(--bx-weight-bold);font-size:var(--bx-text-lg);letter-spacing:-.01em}.nav{display:flex;align-items:center;gap:0;flex-wrap:wrap}.nav a{padding:var(--bx-space-3) var(--bx-space-4);color:var(--bx-ink-muted);font-size:var(--bx-text-base);border:0;border-inline-start:1px solid var(--bx-line-subtle);transition:color var(--bx-dur-2) var(--bx-ease),background-color var(--bx-dur-2) var(--bx-ease)}.nav a:first-of-type{border-inline-start:0}.nav a:hover{background:var(--bx-surface-hover);color:var(--bx-ink)}.nav a.is-active{color:var(--bx-ink);font-weight:var(--bx-weight-bold);box-shadow:inset 0 -2px 0 0 var(--bx-accent)}main{padding:var(--bx-space-6) 0 var(--bx-space-9)}.card{background:var(--bx-surface);border:1px solid var(--bx-line);padding:var(--bx-space-5)}.card+.card{margin-top:var(--bx-space-4)}.stack{display:flex;flex-direction:column;gap:var(--bx-space-4)}.row{display:flex;gap:var(--bx-space-3);align-items:center;flex-wrap:wrap}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:var(--bx-control-md);padding:0 var(--bx-space-4);border:1px solid var(--bx-accent);background:var(--bx-accent);color:var(--bx-on-accent);font:inherit;font-size:var(--bx-text-base);font-weight:var(--bx-weight-medium);cursor:pointer;transition:background-color var(--bx-dur-2) var(--bx-ease),border-color var(--bx-dur-2) var(--bx-ease),color var(--bx-dur-2) var(--bx-ease)}.btn:hover:not(:disabled){background:var(--bx-accent-hover);border-color:var(--bx-accent-hover)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--bx-ink);border-color:var(--bx-line-strong)}.btn--ghost:hover:not(:disabled){background:var(--bx-surface-hover);border-color:var(--bx-ink)}.btn--quiet{background:transparent;color:var(--bx-ink-muted);border-color:transparent}.btn--quiet:hover:not(:disabled){background:var(--bx-surface-hover);color:var(--bx-ink)}.btn--sm{min-height:var(--bx-control-sm);padding:0 var(--bx-space-3);font-size:var(--bx-text-sm)}label,.label{display:block;font-size:var(--bx-text-sm);color:var(--bx-ink-muted);margin-bottom:var(--bx-space-1)}input,textarea,select{font-family:inherit;font-size:var(--bx-text-md);width:100%;min-height:var(--bx-control-md);padding:var(--bx-space-2) var(--bx-space-3);background:var(--bx-surface-sunken);color:var(--bx-ink);border:0;border-bottom:1px solid var(--bx-line-strong);line-height:var(--bx-lh-md);transition:border-color var(--bx-dur-2) var(--bx-ease),background-color var(--bx-dur-2) var(--bx-ease)}input:hover,textarea:hover,select:hover{background:var(--bx-surface-active)}input:focus,textarea:focus,select:focus{outline:2px solid var(--bx-focus);outline-offset:-2px;border-bottom-color:var(--bx-accent)}textarea{resize:vertical;min-height:88px}input[type=email],input[type=password]{direction:ltr;text-align:left}.field{margin-bottom:var(--bx-space-4)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--bx-space-3) var(--bx-space-4)}@media (max-width: 560px){.grid-2{grid-template-columns:1fr}}.options{display:flex;flex-direction:column;gap:0}.option{display:flex;align-items:flex-start;gap:var(--bx-space-3);width:100%;text-align:start;padding:var(--bx-space-3) var(--bx-space-4);background:var(--bx-surface);border:1px solid var(--bx-line);font:inherit;font-size:var(--bx-text-base);line-height:var(--bx-lh-base);color:var(--bx-ink);cursor:pointer;transition:background-color var(--bx-dur-2) var(--bx-ease),border-color var(--bx-dur-2) var(--bx-ease)}.option+.option{border-top:0}.option:hover{background:var(--bx-surface-hover)}.option.is-selected{border-color:var(--bx-accent);background:var(--bx-accent-soft);position:relative;z-index:1}.option__score{min-width:var(--bx-space-6);height:var(--bx-space-6);display:grid;place-items:center;border:1px solid var(--bx-line);font-variant-numeric:tabular-nums;font-size:var(--bx-text-sm);flex:0 0 auto}.option.is-selected .option__score{background:var(--bx-accent);border-color:var(--bx-accent);color:var(--bx-on-accent)}.badge{display:inline-flex;align-items:center;gap:var(--bx-space-1);padding:0 var(--bx-space-2);min-height:var(--bx-space-6);border:1px solid var(--bx-line);background:var(--bx-surface);color:var(--bx-ink-muted);font-size:var(--bx-text-sm);white-space:nowrap}.badge--generated{border-color:var(--bx-line-accent);color:var(--bx-ink-accent);background:var(--bx-accent-soft)}.badge--stored{background:var(--bx-surface-sunken)}.badge--good{border-color:var(--bx-success);color:var(--bx-ink-success);background:var(--bx-success-soft)}.badge--warn{border-color:var(--bx-warning);color:var(--bx-ink-warning);background:var(--bx-warning-soft)}.badge--bad{border-color:var(--bx-danger);color:var(--bx-ink-danger);background:var(--bx-danger-soft)}.meta{font-size:var(--bx-text-sm);color:var(--bx-ink-muted);line-height:var(--bx-lh-base)}.notice{padding:var(--bx-space-3) var(--bx-space-4);border:1px solid var(--bx-line);border-inline-start:2px solid var(--bx-line-strong);background:var(--bx-surface-sunken);font-size:var(--bx-text-base);line-height:var(--bx-lh-base);margin-bottom:var(--bx-space-4)}.notice--info{border-inline-start-color:var(--bx-accent)}.notice--teach{border-inline-start-color:var(--bx-success);background:var(--bx-success-soft)}.notice--error{border-inline-start-color:var(--bx-danger);background:var(--bx-danger-soft);color:var(--bx-ink-danger)}.rail-bar{height:var(--bx-space-2);background:var(--bx-surface-sunken);border:1px solid var(--bx-line-subtle)}.rail__fill{display:block;height:100%;background:var(--bx-accent)}.dimension{display:grid;grid-template-columns:1fr auto;gap:var(--bx-space-2) var(--bx-space-4);align-items:baseline;padding:var(--bx-space-4) 0;border-bottom:1px solid var(--bx-line-subtle)}.dimension:last-child{border-bottom:0}.dimension__title{font-weight:var(--bx-weight-bold)}.dimension__score{font-size:var(--bx-text-2xl);font-weight:var(--bx-weight-bold);font-variant-numeric:tabular-nums}.dimension__bar{grid-column:1 / -1}.agent-text{font-size:var(--bx-text-lg);line-height:var(--bx-lh-lg);margin-bottom:var(--bx-space-4)}.statement-ref{font-size:var(--bx-text-sm);color:var(--bx-ink-muted);border-inline-start:2px solid var(--bx-line);padding-inline-start:var(--bx-space-3);margin-bottom:var(--bx-space-4);line-height:var(--bx-lh-base)}.center{text-align:center}.muted{color:var(--bx-ink-muted)}.tabs{display:flex;gap:0;flex-wrap:wrap;border-bottom:1px solid var(--bx-line);margin-bottom:var(--bx-space-5)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-bottom:2px solid transparent;padding:var(--bx-space-3) var(--bx-space-4);margin-bottom:-1px;font:inherit;font-size:var(--bx-text-base);color:var(--bx-ink-muted);cursor:pointer;transition:color var(--bx-dur-2) var(--bx-ease),border-color var(--bx-dur-2) var(--bx-ease)}.tab:hover{color:var(--bx-ink)}.tab.is-active{color:var(--bx-ink);border-bottom-color:var(--bx-accent);font-weight:var(--bx-weight-bold)}.table{width:100%;border-collapse:collapse;font-size:var(--bx-text-base);min-width:52rem}.table th{text-align:start;font-weight:var(--bx-weight-medium);color:var(--bx-ink-muted);padding:var(--bx-space-2) var(--bx-space-3);border-bottom:1px solid var(--bx-line-strong);white-space:nowrap;font-size:var(--bx-text-sm)}.table td{padding:var(--bx-space-3);border-bottom:1px solid var(--bx-line-subtle);line-height:var(--bx-lh-base);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--bx-surface-hover)}.table__actions{display:flex;gap:var(--bx-space-2);justify-content:flex-end}.table__actions .btn{white-space:nowrap}.table-scroll{overflow-x:auto}.impersonation-bar{background:var(--bx-surface-inverse);color:var(--bx-ink-inverse);border-bottom:1px solid var(--bx-line-heavy);padding:var(--bx-space-3) 0}.impersonation-bar__inner{max-width:1360px;margin:0 auto;padding:0 var(--bx-space-4);display:flex;gap:var(--bx-space-3);align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:var(--bx-text-base)}.impersonation-bar .btn--quiet{color:var(--bx-ink-inverse);border-color:var(--bx-line-inverse-strong)}.impersonation-bar .btn--quiet:hover{background:var(--bx-surface-inverse-hover);color:var(--bx-ink-inverse)}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0;align-items:stretch;border:1px solid var(--bx-line)}@media (max-width: 960px){.chat-layout{grid-template-columns:minmax(0,1fr)}}.chat{display:flex;flex-direction:column;height:min(76vh,760px);background:var(--bx-surface);border-inline-end:1px solid var(--bx-line)}@media (max-width: 960px){.chat{border-inline-end:0;border-bottom:1px solid var(--bx-line)}}.chat__head{display:flex;align-items:center;gap:var(--bx-space-3);padding:var(--bx-space-4);border-bottom:1px solid var(--bx-line)}.chat__avatar{width:var(--bx-space-7);height:var(--bx-space-7);border:1px solid var(--bx-line-strong);display:grid;place-items:center;font-family:var(--bx-font-mono);font-size:var(--bx-text-sm);flex:0 0 var(--bx-space-7)}.chat__body{flex:1;overflow-y:auto;padding:var(--bx-space-5) var(--bx-space-4);display:flex;flex-direction:column;gap:var(--bx-space-5)}.msg{max-width:84%}.msg--agent{align-self:flex-start;font-size:var(--bx-text-lg);line-height:var(--bx-lh-lg)}.msg--org{align-self:flex-end;background:var(--bx-surface-sunken);border:1px solid var(--bx-line);border-inline-end:2px solid var(--bx-accent);padding:var(--bx-space-3) var(--bx-space-4);line-height:var(--bx-lh-md)}.msg__meta{margin-top:var(--bx-space-2);display:flex;gap:var(--bx-space-2);flex-wrap:wrap}.tool-line{align-self:stretch;display:flex;align-items:center;gap:var(--bx-space-2);font-size:var(--bx-text-sm);color:var(--bx-ink-subtle);border-inline-start:2px solid var(--bx-line);padding-inline-start:var(--bx-space-3)}.tool-line--failed{border-inline-start-color:var(--bx-danger);color:var(--bx-ink-danger)}.tool-line__name{font-family:var(--bx-font-mono);font-size:var(--bx-text-xs)}.chat__options{display:flex;flex-direction:column;gap:0;margin-top:var(--bx-space-3)}.chat__composer{display:flex;gap:var(--bx-space-3);align-items:flex-end;padding:var(--bx-space-4);border-top:1px solid var(--bx-line)}.chat__composer textarea{min-height:var(--bx-control-md);max-height:160px;resize:none}.typing{display:inline-flex;gap:var(--bx-space-1);align-items:center}.typing span{width:var(--bx-space-half);height:var(--bx-space-3);background:var(--bx-ink-faint);animation:typing var(--bx-dur-4) steps(2,end) infinite alternate}.typing span:nth-child(2){animation-delay:var(--bx-dur-1)}.typing span:nth-child(3){animation-delay:var(--bx-dur-3)}@keyframes typing{0%{opacity:.25}to{opacity:1}}@media (prefers-reduced-motion: reduce){.typing span{animation:none;opacity:.6}}.rail{display:flex;flex-direction:column;background:var(--bx-surface-sunken);overflow-y:auto;height:min(76vh,760px)}@media (max-width: 960px){.rail{height:auto}}.rail__head{padding:var(--bx-space-4);border-bottom:1px solid var(--bx-line)}.rail__block{padding:var(--bx-space-4);border-bottom:1px solid var(--bx-line-subtle)}.rail__block:last-child{border-bottom:0}.rail__label{font-size:var(--bx-text-sm);color:var(--bx-ink-subtle);margin-bottom:var(--bx-space-2)}.rail__value{font-weight:var(--bx-weight-bold);line-height:var(--bx-lh-base)}.rail__empty{color:var(--bx-ink-faint);font-size:var(--bx-text-sm)}.note{display:flex;gap:var(--bx-space-3);align-items:flex-start;padding:var(--bx-space-2) 0;font-size:var(--bx-text-base);line-height:var(--bx-lh-base)}.note__dot{width:var(--bx-space-2);height:var(--bx-space-2);background:var(--bx-accent);margin-top:var(--bx-space-2);flex:0 0 var(--bx-space-2)}.dim-chip{display:inline-flex;align-items:baseline;gap:var(--bx-space-2);padding:var(--bx-space-1) var(--bx-space-2);border:1px solid var(--bx-line);background:var(--bx-surface);font-size:var(--bx-text-sm);margin:0 0 var(--bx-space-2) var(--bx-space-2)}.dim-chip.is-focus{border-color:var(--bx-accent);box-shadow:inset 2px 0 0 0 var(--bx-accent)}.task{border:1px solid var(--bx-line);background:var(--bx-surface);padding:var(--bx-space-3);margin-bottom:var(--bx-space-3);font-size:var(--bx-text-base);line-height:var(--bx-lh-base)}.task__done{color:var(--bx-ink-muted);margin-top:var(--bx-space-1);font-size:var(--bx-text-sm)}@media (max-width: 560px){.card{padding:var(--bx-space-4)}main{padding:var(--bx-space-4) 0 var(--bx-space-6)}}