:root{color-scheme:light;--color-white: #ffffff;--color-black: #020617;--color-slate-0: #ffffff;--color-slate-25: #f8fafc;--color-slate-50: #f1f5f9;--color-slate-100: #e2e8f0;--color-slate-200: #cbd5e1;--color-slate-300: #94a3b8;--color-slate-400: #64748b;--color-slate-500: #475569;--color-slate-600: #334155;--color-slate-700: #1e293b;--color-slate-800: #0f172a;--color-slate-900: #020617;--color-neutral-50: var(--color-slate-25);--color-neutral-100: var(--color-slate-50);--color-neutral-200: var(--color-slate-100);--color-neutral-300: var(--color-slate-200);--color-neutral-400: var(--color-slate-300);--color-neutral-500: var(--color-slate-400);--color-neutral-600: var(--color-slate-500);--color-neutral-700: var(--color-slate-600);--color-neutral-800: var(--color-slate-700);--color-neutral-900: var(--color-slate-800);--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-accent-50: #ecfdf5;--color-accent-100: #d1fae5;--color-accent-200: #a7f3d0;--color-accent-300: #6ee7b7;--color-accent-400: #34d399;--color-accent-500: #10b981;--color-accent-600: #059669;--color-accent-700: #047857;--color-accent-800: #065f46;--color-success-100: var(--color-accent-100);--color-success-200: var(--color-accent-200);--color-success-500: var(--color-accent-600);--color-success-700: var(--color-accent-800);--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-500: #d97706;--color-warning-700: #92400e;--color-danger-100: #ffe4e6;--color-danger-200: #fecdd3;--color-danger-500: #e11d48;--color-danger-700: #9f1239;--color-info-100: #e0f2fe;--color-info-200: #bae6fd;--color-info-500: #0284c7;--color-info-700: #075985;--chart-1: var(--color-primary-600);--chart-2: var(--color-accent-600);--chart-3: var(--color-info-500);--chart-4: var(--color-warning-500);--chart-5: #7c3aed;--chart-6: #0ea5e9;--chart-7: #f97316;--chart-8: #14b8a6;--chart-9: #db2777;--chart-10: #84cc16;--color-bg: var(--color-slate-25);--color-bg-muted: var(--color-slate-50);--color-surface: var(--color-slate-0);--color-surface-raised: var(--color-slate-0);--color-border: var(--color-slate-200);--color-border-subtle: var(--color-slate-100);--color-text: var(--color-slate-600);--color-text-strong: var(--color-slate-800);--color-text-muted: var(--color-slate-400);--color-link: var(--color-primary-700);--color-text-on-primary: var(--color-white);--color-text-on-danger: var(--color-white);--color-primary-soft: color-mix(in srgb, var(--color-primary-100) 64%, var(--color-surface));--color-primary-soft-border: var(--color-primary-200);--color-primary-bg: color-mix(in srgb, var(--color-primary-100) 72%, var(--color-surface));--color-primary-bg-strong: color-mix(in srgb, var(--color-primary-200) 66%, var(--color-surface));--color-primary-border: color-mix(in srgb, var(--color-primary-300) 62%, var(--color-border));--color-primary-text: var(--color-primary-800);--color-accent-bg: color-mix(in srgb, var(--color-accent-100) 72%, var(--color-surface));--color-accent-bg-strong: color-mix(in srgb, var(--color-accent-200) 66%, var(--color-surface));--color-accent-border: color-mix(in srgb, var(--color-accent-300) 62%, var(--color-border));--color-accent-text: var(--color-accent-800);--color-success-bg: color-mix(in srgb, var(--color-success-100) 78%, var(--color-surface));--color-success-border: color-mix(in srgb, var(--color-success-200) 72%, var(--color-border-subtle));--color-success-text: var(--color-success-700);--color-warning-bg: color-mix(in srgb, var(--color-warning-100) 80%, var(--color-surface));--color-warning-border: color-mix(in srgb, var(--color-warning-200) 70%, var(--color-border-subtle));--color-warning-text: var(--color-warning-700);--color-danger-bg: color-mix(in srgb, var(--color-danger-100) 80%, var(--color-surface));--color-danger-border: color-mix(in srgb, var(--color-danger-200) 70%, var(--color-border-subtle));--color-danger-text: var(--color-danger-700);--color-info-bg: color-mix(in srgb, var(--color-info-100) 80%, var(--color-surface));--color-info-border: color-mix(in srgb, var(--color-info-200) 70%, var(--color-border-subtle));--color-info-text: var(--color-info-700);--font-family-sans: "Sora", "Manrope", "Avenir Next", "Segoe UI Variable", "Segoe UI", sans-serif;--font-family-body: var(--font-family-sans);--font-family-heading: var(--font-family-sans);--font-family-mono: "JetBrains Mono", "Cascadia Code", "Consolas", "Liberation Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: var(--font-size-base);--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-base: 1.5;--line-height-relaxed: 1.7;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-variant-numeric-metric: tabular-nums lining-nums;--font-variant-numeric-code: tabular-nums slashed-zero;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 5rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-xs: .25rem;--radius-pill: 999rem;--border-width-thin: .0625rem;--shadow-sm: 0 .5rem 1.4rem color-mix(in srgb, var(--color-slate-900) 10%, transparent);--shadow-md: 0 1rem 2.5rem color-mix(in srgb, var(--color-slate-900) 14%, transparent);--shadow-xs: 0 .2rem .6rem color-mix(in srgb, var(--color-slate-900) 9%, transparent);--shadow-lg: 0 1.4rem 3.3rem color-mix(in srgb, var(--color-slate-900) 18%, transparent);--focus-ring-color: color-mix(in srgb, var(--color-primary-500) 55%, transparent);--focus-ring-width: .1875rem;--focus-ring-offset: .125rem;--easing-standard: cubic-bezier(.22, 1, .36, 1);--duration-fast: .12s;--duration-normal: .18s;--duration-slow: .26s;--transition-fast: var(--duration-fast) var(--easing-standard);--transition-base: var(--duration-normal) var(--easing-standard);--transition-slow: var(--duration-slow) var(--easing-standard);--motion-fast: var(--transition-fast);--motion-base: var(--transition-base);--motion-slow: var(--transition-slow);--layout-container-max: 74rem;--layout-content-narrow: 42rem;--layout-container-dashboard: 86rem;--layout-header-height: 4.5rem;--measure-readable: 66ch;--z-sticky: 20;--bp-mobile: 480px;--bp-tablet: 768px;--bp-desktop: 1024px}[data-theme=dark]{color-scheme:dark;--color-bg: #020617;--color-bg-muted: #0b1220;--color-surface: #111827;--color-surface-raised: #0f172a;--color-border: #334155;--color-border-subtle: #1e293b;--color-text: #d8e1ed;--color-text-strong: #f8fafc;--color-text-muted: #a8b5c8;--color-link: #a5b4fc;--color-primary-soft: color-mix(in srgb, var(--color-primary-900) 66%, var(--color-surface));--color-primary-soft-border: var(--color-primary-700);--color-primary-bg: color-mix(in srgb, var(--color-primary-900) 74%, var(--color-surface));--color-primary-bg-strong: color-mix(in srgb, var(--color-primary-800) 70%, var(--color-surface));--color-primary-border: color-mix(in srgb, var(--color-primary-500) 42%, var(--color-border));--color-primary-text: var(--color-primary-200);--color-accent-bg: color-mix(in srgb, var(--color-accent-800) 70%, var(--color-surface));--color-accent-bg-strong: color-mix(in srgb, var(--color-accent-700) 66%, var(--color-surface));--color-accent-border: color-mix(in srgb, var(--color-accent-500) 44%, var(--color-border));--color-accent-text: var(--color-accent-200);--color-success-bg: color-mix(in srgb, var(--color-success-700) 62%, var(--color-surface));--color-success-border: color-mix(in srgb, var(--color-success-500) 46%, var(--color-border));--color-success-text: var(--color-success-200);--color-warning-bg: color-mix(in srgb, var(--color-warning-700) 62%, var(--color-surface));--color-warning-border: color-mix(in srgb, var(--color-warning-500) 46%, var(--color-border));--color-warning-text: var(--color-warning-200);--color-danger-bg: color-mix(in srgb, var(--color-danger-700) 62%, var(--color-surface));--color-danger-border: color-mix(in srgb, var(--color-danger-500) 46%, var(--color-border));--color-danger-text: var(--color-danger-200);--color-info-bg: color-mix(in srgb, var(--color-info-700) 62%, var(--color-surface));--color-info-border: color-mix(in srgb, var(--color-info-500) 46%, var(--color-border));--color-info-text: var(--color-info-200);--focus-ring-color: color-mix(in srgb, var(--color-primary-300) 58%, transparent);--shadow-sm: 0 .8rem 1.7rem color-mix(in srgb, var(--color-black) 44%, transparent);--shadow-md: 0 1.3rem 2.9rem color-mix(in srgb, var(--color-black) 56%, transparent);--shadow-xs: 0 .3rem .9rem color-mix(in srgb, var(--color-black) 38%, transparent);--shadow-lg: 0 1.7rem 3.9rem color-mix(in srgb, var(--color-black) 64%, transparent)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{min-height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-text);background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--color-primary-500) 12%,transparent),transparent 42%),radial-gradient(circle at 100% 0,color-mix(in srgb,var(--color-accent-400) 10%,transparent),transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--color-bg-muted) 40%,var(--color-bg)) 0%,var(--color-bg) 58%);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}main{display:block}:where(h1,h2,h3,h4,h5,h6){margin:0 0 var(--space-3);color:var(--color-text-strong);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.01em}h1{font-size:clamp(var(--font-size-2xl),3vw,var(--font-size-4xl))}h2{font-size:clamp(var(--font-size-xl),2.3vw,var(--font-size-3xl))}h3{font-size:var(--font-size-xl)}:where(p){margin:0 0 var(--space-4)}:where(ul,ol){padding-left:var(--space-4)}:where(a){color:var(--color-link);text-decoration:none;text-decoration-thickness:.08em;text-underline-offset:.18em}:where(a:hover){text-decoration:underline}:where(img,svg,video,canvas){display:block;max-width:100%}img{height:auto}:where(button,input,select,textarea){font:inherit;color:inherit}button{border:0;background:transparent}:where(input,select,textarea,button,a){transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast),color var(--motion-fast),transform var(--motion-fast),opacity var(--motion-fast)}::selection{color:var(--color-text-on-primary);background:var(--color-primary-600)}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:min(100% - (2 * var(--space-5)),var(--layout-container-max));margin-inline:auto}.container--narrow{max-width:var(--layout-content-narrow);margin-inline:auto}.container--dashboard,.container--wide{max-width:var(--layout-container-dashboard);margin-inline:auto}.page{display:grid;gap:var(--space-6);padding-block:var(--space-7)}.page--narrow{max-width:var(--layout-content-narrow);margin-inline:auto}.page--dashboard{gap:var(--space-5)}.page-header,.page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-kicker{margin:0 0 var(--space-2);color:var(--color-primary-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.page-title,.page__title{margin:0}.page-subtitle,.page__subtitle{margin:var(--space-2) 0 0;max-width:var(--measure-readable);color:var(--color-text-muted)}.page-actions,.page__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.section,.stack{display:grid;gap:var(--space-4)}.inline,.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}.grid{display:grid;gap:var(--space-4)}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--responsive{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.grid--kpi{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.card,.panel{border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-base),transform var(--transition-fast)}.card{display:grid;gap:var(--space-4);padding:var(--space-5)}.card:hover{border-color:var(--color-border);box-shadow:var(--shadow-md)}.card__header{display:grid;gap:var(--space-2)}.card__title{margin:0;color:var(--color-text-strong);font-size:var(--font-size-xl)}.card__subtitle{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.card__body{display:grid;gap:var(--space-3)}.panel{padding:var(--space-4)}.panel--subtle{box-shadow:none;border-color:color-mix(in srgb,var(--color-primary-soft-border) 40%,var(--color-border-subtle));background:color-mix(in srgb,var(--color-primary-soft) 56%,var(--color-surface))}.panel-title{margin:0;font-size:var(--font-size-lg)}.divider{border:0;block-size:var(--border-width-thin);inline-size:100%;margin:var(--space-2) 0;background:var(--color-border-subtle)}.list-reset{list-style:none;margin:0;padding:0}.feature-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.feature-list li{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:var(--space-2);color:var(--color-text)}.feature-list li:before{content:"";inline-size:.55rem;block-size:.55rem;border-radius:var(--radius-pill);margin-top:.38rem;background:var(--color-primary-500)}.data-grid{display:grid;gap:var(--space-3)}.data-grid__item{border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-muted);padding:var(--space-3) var(--space-4)}.data-grid__label{display:block;margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.data-grid__value{display:block;color:var(--color-text-strong);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.form-grid{display:grid;gap:var(--space-4)}.field{display:grid;gap:var(--space-2)}.label{color:var(--color-text-strong);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.field-help,.help,.hint{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.field-error,.error,.validation-message{margin:0;color:var(--color-danger-700);font-size:var(--font-size-xs)}.field-success{margin:0;color:var(--color-success-700);font-size:var(--font-size-xs)}.input,.select,.textarea{inline-size:100%;min-block-size:2.75rem;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-md);padding:.625rem var(--space-3);background:var(--color-surface);color:var(--color-text-strong);box-shadow:inset 0 0 0 var(--border-width-thin) transparent;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.select{cursor:pointer}.textarea{min-block-size:7rem;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--color-neutral-500)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-neutral-400)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--color-primary-500);box-shadow:0 0 0 var(--border-width-thin) var(--color-primary-500);transform:translateY(-.0625rem)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-bg-muted);color:var(--color-text-muted);cursor:not-allowed}.field--error .input,.field--error .select,.field--error .textarea,.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger-500);box-shadow:0 0 0 var(--border-width-thin) var(--color-danger-500)}.field--success .input,.field--success .select,.field--success .textarea{border-color:var(--color-success-500);box-shadow:0 0 0 var(--border-width-thin) var(--color-success-500)}.button,.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:2.75rem;padding-inline:var(--space-4);border:var(--border-width-thin) solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-strong);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.button:hover,.btn:hover{transform:translateY(-.0625rem);text-decoration:none}.button:focus-visible,.btn:focus-visible{box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.button:active,.btn:active{transform:translateY(0)}.button:disabled,.button[aria-disabled=true],.btn:disabled,.btn[aria-disabled=true]{opacity:.58;cursor:not-allowed;box-shadow:none;transform:none}.button--sm,.btn--sm{min-block-size:2.25rem;padding-inline:var(--space-3);font-size:var(--font-size-xs)}.button--md,.btn--md{min-block-size:2.75rem}.button--lg,.btn--lg{min-block-size:3rem;padding-inline:var(--space-5)}.button--primary,.btn--primary{background:linear-gradient(160deg,var(--color-primary-500),var(--color-primary-700));color:var(--color-text-on-primary);box-shadow:var(--shadow-xs)}.button--primary:hover,.btn--primary:hover{filter:saturate(1.06) brightness(1.03)}.button--secondary,.btn--secondary{border-color:var(--color-primary-soft-border);background:var(--color-primary-soft);color:var(--color-primary-700)}.button--secondary:hover,.btn--secondary:hover{background:color-mix(in srgb,var(--color-primary-soft) 72%,var(--color-surface))}.button--ghost,.btn--ghost{border-color:var(--color-border-subtle);background:var(--color-surface);color:var(--color-text-strong)}.button--ghost:hover,.btn--ghost:hover{border-color:var(--color-border);background:var(--color-bg-muted)}.button--danger,.btn--danger{background:var(--color-danger-500);color:var(--color-text-on-danger)}.button--danger:hover,.btn--danger:hover{background:var(--color-danger-700)}.button.is-loading,.button[aria-busy=true],.btn.is-loading,.btn[aria-busy=true]{pointer-events:none}.button.is-loading:after,.button[aria-busy=true]:after,.btn.is-loading:after,.btn[aria-busy=true]:after{content:"";inline-size:.875rem;block-size:.875rem;border:var(--border-width-thin) solid currentColor;border-top-color:transparent;border-radius:var(--radius-pill);animation:button-spin .7s linear infinite}.button.is-loading .button__label,.button[aria-busy=true] .button__label,.btn.is-loading .button__label,.btn[aria-busy=true] .button__label,.btn.is-loading .btn__label,.btn[aria-busy=true] .btn__label{opacity:.86}.filterbar{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-3);align-items:end;border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-primary-soft) 32%,var(--color-surface));padding:var(--space-4)}.filterbar--primary{border-color:var(--color-primary-border);background:linear-gradient(155deg,color-mix(in srgb,var(--color-primary-bg) 90%,var(--color-surface)),color-mix(in srgb,var(--color-surface) 92%,var(--color-primary-bg)))}.filterbar--accent{border-color:var(--color-accent-border);background:linear-gradient(155deg,color-mix(in srgb,var(--color-accent-bg) 90%,var(--color-surface)),color-mix(in srgb,var(--color-surface) 92%,var(--color-accent-bg)))}.filterbar__group{grid-column:span 4;display:grid;gap:var(--space-2)}.filterbar__group--sm{grid-column:span 2}.filterbar__actions{grid-column:span 12;display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.filterbar__chips{grid-column:span 12;display:flex;gap:var(--space-2);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:var(--space-1);min-block-size:1.9rem;border-radius:var(--radius-pill);border:var(--border-width-thin) solid var(--color-border);padding:.3rem var(--space-3);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.chip--active{border-color:var(--color-primary-soft-border);background:var(--color-primary-soft);color:var(--color-primary-700)}.chip--accent{border-color:var(--color-accent-border);background:var(--color-accent-bg);color:var(--color-accent-text)}.chip--info{border-color:var(--color-info-border);background:var(--color-info-bg);color:var(--color-info-text)}.chip--warning{border-color:var(--color-warning-border);background:var(--color-warning-bg);color:var(--color-warning-text)}.chip--success{border-color:var(--color-success-border);background:var(--color-success-bg);color:var(--color-success-text)}.chip__remove{inline-size:1.05rem;block-size:1.05rem;border-radius:var(--radius-pill);display:grid;place-items:center;background:color-mix(in srgb,var(--color-primary-soft-border) 22%,transparent)}.kpi,.kpi-tile{border:var(--border-width-thin) solid color-mix(in srgb,var(--color-primary-soft-border) 58%,var(--color-border-subtle));border-radius:var(--radius-lg);padding:var(--space-4);background:linear-gradient(170deg,color-mix(in srgb,var(--color-primary-soft) 58%,var(--color-surface)) 0%,var(--color-surface-raised) 100%);box-shadow:var(--shadow-xs);display:grid;gap:var(--space-2);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.kpi:hover,.kpi-tile:hover{border-color:var(--color-primary-soft-border);box-shadow:var(--shadow-sm);transform:translateY(-.0625rem)}.kpi--primary,.kpi-tile--primary{border-color:var(--color-primary-border);background:linear-gradient(168deg,color-mix(in srgb,var(--color-primary-bg) 92%,var(--color-surface)) 0%,var(--color-surface-raised) 100%)}.kpi--accent,.kpi-tile--accent{border-color:var(--color-accent-border);background:linear-gradient(168deg,color-mix(in srgb,var(--color-accent-bg) 92%,var(--color-surface)) 0%,var(--color-surface-raised) 100%)}.kpi--success,.kpi-tile--success{border-color:var(--color-success-border);background:linear-gradient(168deg,color-mix(in srgb,var(--color-success-bg) 88%,var(--color-surface)) 0%,var(--color-surface-raised) 100%)}.kpi--warning,.kpi-tile--warning{border-color:var(--color-warning-border);background:linear-gradient(168deg,color-mix(in srgb,var(--color-warning-bg) 88%,var(--color-surface)) 0%,var(--color-surface-raised) 100%)}.kpi--danger,.kpi-tile--danger{border-color:var(--color-danger-border);background:linear-gradient(168deg,color-mix(in srgb,var(--color-danger-bg) 88%,var(--color-surface)) 0%,var(--color-surface-raised) 100%)}.kpi--info,.kpi-tile--info{border-color:var(--color-info-border);background:linear-gradient(168deg,color-mix(in srgb,var(--color-info-bg) 88%,var(--color-surface)) 0%,var(--color-surface-raised) 100%)}.kpi__label,.kpi-tile__label{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.kpi__value,.kpi-tile__value{margin:0;color:var(--color-text-strong);font-size:clamp(var(--font-size-xl),2.2vw,var(--font-size-2xl));font-weight:var(--font-weight-bold);font-variant-numeric:var(--font-variant-numeric-metric)}.kpi__delta,.kpi-tile__delta{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.kpi__delta--up,.kpi-tile__delta--up{color:var(--color-success-700)}.kpi__delta--down,.kpi-tile__delta--down{color:var(--color-danger-700)}.status-note{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.alert{display:grid;gap:var(--space-1);border:var(--border-width-thin) solid transparent;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.alert--info{border-color:var(--color-info-200);background:color-mix(in srgb,var(--color-info-100) 74%,var(--color-surface));color:var(--color-info-700)}.alert--success{border-color:var(--color-success-200);background:color-mix(in srgb,var(--color-success-100) 76%,var(--color-surface));color:var(--color-success-700)}.alert--warning{border-color:var(--color-warning-200);background:color-mix(in srgb,var(--color-warning-100) 78%,var(--color-surface));color:var(--color-warning-700)}.alert--danger{border-color:var(--color-danger-200);background:color-mix(in srgb,var(--color-danger-100) 78%,var(--color-surface));color:var(--color-danger-700)}.badge,.tag{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);padding:.2rem .6rem;border:var(--border-width-thin) solid transparent;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.badge--neutral,.tag--neutral{border-color:var(--color-border-subtle);background:var(--color-neutral-100);color:var(--color-neutral-700)}.badge--success,.tag--success{border-color:var(--color-success-200);background:var(--color-success-100);color:var(--color-success-700)}.badge--primary,.tag--primary{border-color:var(--color-primary-border);background:var(--color-primary-bg);color:var(--color-primary-text)}.badge--accent,.tag--accent{border-color:var(--color-accent-border);background:var(--color-accent-bg);color:var(--color-accent-text)}.badge--info,.tag--info{border-color:var(--color-info-border);background:var(--color-info-bg);color:var(--color-info-text)}.badge--warning,.tag--warning{border-color:var(--color-warning-border);background:var(--color-warning-bg);color:var(--color-warning-text)}.badge--danger,.tag--danger{border-color:var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger-text)}.table-wrap,.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-raised)}.table{inline-size:100%;min-inline-size:42rem;border-collapse:separate;border-spacing:0}.table th,.table td{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-thin) solid var(--color-border-subtle);text-align:left;vertical-align:middle;transition:background-color var(--transition-fast)}.table th{position:sticky;inset-block-start:0;z-index:1;background:var(--color-bg-muted);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em}.table td{font-size:var(--font-size-sm)}.table tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:color-mix(in srgb,var(--color-primary-soft) 42%,var(--color-surface))}.table__cell--numeric{font-variant-numeric:var(--font-variant-numeric-metric)}.table__row--empty td,.table__empty td{text-align:center;color:var(--color-text-muted);padding-block:var(--space-5)}.skeleton{position:relative;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-neutral-200)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(100deg,transparent 0%,color-mix(in srgb,var(--color-white) 56%,transparent) 45%,transparent 100%);animation:skeleton-wave var(--motion-slow) infinite}.skeleton-line{block-size:.875rem}.skeleton-line--short{max-inline-size:42%}.skeleton-line--long{max-inline-size:78%}.skeleton-block{block-size:11rem}.state{display:grid;gap:var(--space-2);border:var(--border-width-thin) dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-muted);padding:var(--space-4)}.state--loading{border-style:solid}.state--empty{color:var(--color-text-muted)}.admin-layout{display:grid;grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);align-items:start;gap:var(--space-5)}.admin-layout__sidebar{position:sticky;inset-block-start:var(--space-5);display:grid;gap:var(--space-4)}.admin-layout__content{min-inline-size:0}.admin-nav-toggle{display:none}.admin-nav{display:grid;gap:var(--space-2)}.admin-nav__item{position:relative;display:inline-flex;align-items:center;justify-content:space-between;min-block-size:2.5rem;gap:var(--space-2);overflow:hidden;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface) 88%,var(--color-primary-bg)) 0%,var(--color-surface-raised) 100%);color:var(--color-text-strong);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.admin-nav__item:before{content:"";position:absolute;inset-block:var(--space-2);inset-inline-start:var(--space-2);inline-size:.22rem;border-radius:var(--radius-pill);background:var(--color-primary-500);opacity:0;transform:scaleY(.28);transition:opacity var(--transition-fast),transform var(--transition-fast)}.admin-nav__item:hover{text-decoration:none;border-color:var(--color-primary-border);background:color-mix(in srgb,var(--color-primary-bg) 72%,var(--color-surface));color:var(--color-primary-text);transform:translateY(-.0625rem);box-shadow:var(--shadow-xs)}.admin-nav__item:focus-visible{box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.admin-nav__active,.admin-nav__item.is-active,.admin-nav__item[aria-current=page]{border-color:var(--color-primary-border);background:color-mix(in srgb,var(--color-primary-bg-strong) 86%,var(--color-surface));color:var(--color-primary-text);box-shadow:var(--shadow-xs)}.admin-nav__active:before,.admin-nav__item.is-active:before,.admin-nav__item[aria-current=page]:before{opacity:1;transform:scaleY(1)}.muted{color:var(--color-text-muted)}.strong{color:var(--color-text-strong);font-weight:var(--font-weight-semibold)}.mono{font-family:var(--font-family-mono);font-variant-numeric:var(--font-variant-numeric-code)}.visually-hidden{position:absolute;inline-size:.0625rem;block-size:.0625rem;margin:-.0625rem;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}.u-mb-0{margin-bottom:0}.u-mt-2{margin-top:var(--space-2)}.app-shell{min-block-size:100dvh;display:flex;flex-direction:column}.app-main{flex:1}@keyframes button-spin{to{transform:rotate(360deg)}}@keyframes skeleton-wave{to{transform:translate(100%)}}@media(max-width:1024px){.container{width:min(100% - (2 * var(--space-4)),var(--layout-container-max))}.grid--kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-layout{grid-template-columns:minmax(12rem,15rem) minmax(0,1fr)}}@media(max-width:768px){.container{width:min(100% - (2 * var(--space-3)),var(--layout-container-max))}.page{padding-block:var(--space-6)}.grid--2,.grid--3,.grid--kpi,.filterbar{grid-template-columns:1fr}.filterbar__group,.filterbar__group--sm,.filterbar__actions,.filterbar__chips{grid-column:span 1}.filterbar__actions{justify-content:flex-start}.admin-layout{grid-template-columns:1fr;gap:var(--space-4)}.admin-layout__sidebar{position:static}.admin-nav-toggle{display:inline-flex}.admin-layout[data-nav-open=false] .admin-nav{display:none}.admin-layout[data-nav-open=true] .admin-nav{display:grid}}@media(max-width:480px){.container{width:min(100% - (2 * var(--space-2)),var(--layout-container-max))}.page{gap:var(--space-5);padding-block:var(--space-5)}.card{padding:var(--space-4)}.page-actions,.page__actions,.page-actions .button,.page-actions .btn,.form-grid .button,.form-grid .btn,.filterbar__actions .button,.filterbar__actions .btn{inline-size:100%}.table{min-inline-size:34rem}}
