*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-base:#09090B;--color-surface:#18181B;--color-elevated:#27272A;--color-border:#3F3F46;--color-text:#FAFAFA;--color-muted:#A1A1AA;--color-accent:#818CF8;--color-accent-hover:#6366F1;--color-accent-text:#09090B;--color-metric:#A5B4FC;--color-danger:#EF4444;--color-success:#22C55E;--color-warning:#EAB308;--bg:var(--color-bg-base);--surface:var(--color-surface);--border:var(--color-border);--text:var(--color-text);--muted:var(--color-muted);--accent:var(--color-accent);--accent-hover:var(--color-accent-hover);--danger:var(--color-danger);--success:var(--color-success);--warning:var(--color-warning)}@media (prefers-color-scheme:light){:root:not(.dark){--color-bg-base:#FAFAF9;--color-surface:#F4F4F5;--color-elevated:#FFFFFF;--color-border:#E4E4E7;--color-text:#18181B;--color-muted:#6B7280;--color-accent:#4F46E5;--color-accent-hover:#4338CA;--color-accent-text:#FAFAF9;--color-metric:#4338CA;--color-danger:#DC2626;--color-success:#15803D;--color-warning:#A16207}}:root.dark{--color-bg-base:#09090B;--color-surface:#18181B;--color-elevated:#27272A;--color-border:#3F3F46;--color-text:#FAFAFA;--color-muted:#A1A1AA;--color-accent:#818CF8;--color-accent-hover:#6366F1;--color-accent-text:#09090B;--color-metric:#A5B4FC;--color-danger:#EF4444;--color-success:#22C55E;--color-warning:#EAB308}:root.light{--color-bg-base:#FAFAF9;--color-surface:#F4F4F5;--color-elevated:#FFFFFF;--color-border:#E4E4E7;--color-text:#18181B;--color-muted:#6B7280;--color-accent:#4F46E5;--color-accent-hover:#4338CA;--color-accent-text:#FAFAF9;--color-metric:#4338CA;--color-danger:#DC2626;--color-success:#15803D;--color-warning:#A16207}:root{--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:clamp(1.5rem,1.25rem + 0.5vw,2rem);--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-14:3.5rem;--sp-16:4rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.625rem;--ease-in:ease-in;--ease-out:ease-out;--ease-in-out:ease-in-out;--duration-fast:100ms;--duration-normal:200ms;--duration-slow:400ms;--touch-min:2.75rem}html{font-size:100%}body{background:var(--color-bg-base);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}:focus{outline:none}:focus-visible{outline:.125rem solid var(--color-accent);outline-offset:.125rem}.skip-link{position:absolute;top:-3rem;left:0;background:var(--color-accent);color:var(--color-accent-text);padding:var(--sp-2) var(--sp-4);z-index:100;font-weight:600;border-radius:0 0 var(--radius-md) 0}.skip-link:focus{top:0}button{cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-4);font-size:var(--text-sm);font-weight:500;min-height:var(--touch-min);transition:background var(--duration-normal) var(--ease-out)}.btn-primary{background:var(--color-accent);color:var(--color-accent-text)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--color-danger);color:var(--color-accent-text)}.btn-danger:hover{opacity:.9}.btn-ghost{background:transparent;color:var(--color-text);border:.0625rem solid var(--color-border)}.btn-ghost:hover{background:var(--color-surface)}input,select,textarea{background:var(--color-bg-base);border:.0625rem solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-base);padding:var(--sp-2) var(--sp-3);min-height:var(--touch-min);width:100%;transition:border-color var(--duration-normal) var(--ease-out)}input:focus,select:focus,textarea:focus{border-color:var(--color-accent)}.card{background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-5)}.error-msg{color:var(--color-danger);margin-top:var(--sp-1)}.error-msg,.th-btn{font-size:var(--text-xs)}.th-btn{background:transparent;border:none;color:var(--color-muted);font-weight:600;text-transform:none;letter-spacing:.03em;cursor:pointer;padding:0;min-height:var(--touch-min);display:flex;align-items:center;gap:var(--sp-1);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.th-btn:hover{color:var(--color-text)}.th-indicator{font-size:.625rem;color:var(--color-muted)}.empty-state{background:var(--color-surface);border:.0625rem dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-14) var(--sp-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.empty-state-icon{font-size:2rem;line-height:1;opacity:.4}.empty-state h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0}.empty-state p{font-size:var(--text-xs);color:var(--color-muted);max-width:22.5rem;margin:0}@keyframes toastIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:48rem){.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg)}}.badge{display:inline-block;border-radius:var(--radius-sm);padding:var(--sp-1) var(--sp-2);font-size:var(--text-xs);font-weight:600}.badge-pending{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.badge-active{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.badge-error{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}