:root{--space-unit:8px;--space-1:calc(var(--space-unit)*1);--space-2:calc(var(--space-unit)*2);--space-3:calc(var(--space-unit)*3);--space-4:calc(var(--space-unit)*4);--space-5:calc(var(--space-unit)*5);--space-6:calc(var(--space-unit)*6);--ink:#1a1a24;--ink-secondary:#4a4a5a;--ink-tertiary:#6b7280;--ink-muted:#9ca3af;--canvas:#f2f2f8;--canvas-brand-tint:#2116510a;--surface-1:#fff;--surface-2:#fffffff5;--surface-3:#fffffffa;--surface-inset:#ebeef4;--surface-brand-subtle:#21165108;--surface-accent-subtle:#6cc04a0f;--border:#00000014;--border-subtle:#0000000d;--border-strong:#0000001f;--border-focus:#21165180;--brand:#211651;--brand-hover:#2d1f6e;--brand-accent:#6cc04a;--brand-muted:#21165114;--brand-ink:#fff;--success:#15803d;--success-bg:#f0fdf4;--destructive:#b91c1c;--destructive-bg:#fef2f2;--warning:#b45309;--warning-bg:#fffbeb;--control-bg:#f8f9fc;--control-border:var(--border-strong);--control-focus:var(--brand);--focus-ring:0 0 0 2px var(--border-focus);--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #0000000f;--shadow-brand:0 2px 8px #21165114;--shadow-accent:0 2px 8px #6cc04a1f;--ease-out:cubic-bezier(.25,.46,.45,.94);--duration-fast:.15s;--duration-normal:.2s}@media (prefers-color-scheme:dark){:root.auto-dark,:root[data-theme=dark]{--ink:#f4f4f8;--ink-secondary:#c4c4d0;--ink-tertiary:#9ca3af;--ink-muted:#6b7280;--canvas:#16161c;--surface-1:#1c1c24;--surface-2:#1c1c24f2;--surface-3:#242430fa;--surface-inset:#22222c;--border:#ffffff14;--border-subtle:#ffffff0d;--border-strong:#ffffff1f;--control-bg:#22222c;--control-border:#ffffff1f;--success-bg:#15803d26;--destructive-bg:#b91c1c26}}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-sans);font-weight:var(--weight-normal);color:var(--ink);background-color:var(--canvas);line-height:1.5}#root{text-align:left}a{color:var(--brand);font-weight:var(--weight-medium);transition:color var(--duration-fast)var(--ease-out);text-decoration:none}a:hover{color:var(--brand-hover)}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--ink);margin:0}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}.app-table{border-collapse:collapse;background-color:var(--surface-1);width:100%;font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-brand);overflow:hidden}.app-table th{background-color:var(--brand);color:var(--brand-ink);font-weight:var(--weight-semibold);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--brand);text-align:left}.app-table td{padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--ink);vertical-align:top}.app-table tbody tr:hover{background-color:var(--surface-brand-subtle)}.app-table tbody tr:last-child td{border-bottom:none}.app-btn{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast)var(--ease-out),border-color var(--duration-fast)var(--ease-out),color var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out);border:1px solid #0000}.app-btn:active{transform:translateY(1px)}.app-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-btn:disabled{cursor:not-allowed;opacity:.7}.app-btn-primary{background-color:var(--brand);color:var(--brand-ink);border-color:var(--brand);box-shadow:0 1px 2px #21165133}.app-btn-primary:hover:not(:disabled){background-color:var(--brand-hover);border-color:var(--brand-hover);box-shadow:0 2px 6px #21165140}.app-btn-secondary{background-color:var(--surface-inset);color:var(--ink);border-color:var(--border)}.app-btn-secondary:hover:not(:disabled){background-color:var(--surface-2);border-color:var(--border-strong)}.app-btn-success{background-color:var(--brand-accent);color:#fff;border-color:var(--brand-accent);font-weight:var(--weight-semibold)}.app-btn-success:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--shadow-accent)}.app-btn-danger{background-color:var(--destructive-bg);color:var(--destructive);border-color:#b91c1c4d}.app-btn-danger:hover:not(:disabled){background-color:#b91c1c1f}.app-input{width:100%;padding:var(--space-2)var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink);background-color:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--radius-sm);transition:border-color var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out);outline:none}.app-input::placeholder{color:var(--ink-muted)}.app-input:hover:not(:disabled){border-color:var(--border-strong)}.app-input:focus{border-color:var(--control-focus);box-shadow:var(--focus-ring)}.app-input:disabled{opacity:.7;cursor:not-allowed}.app-select{padding:var(--space-1)var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink);background-color:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration-fast)var(--ease-out);outline:none}.app-select:focus{border-color:var(--control-focus);box-shadow:var(--focus-ring)}.app-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink-secondary);margin-bottom:var(--space-1);display:block}.app-message-error{padding:var(--space-2)var(--space-3);background-color:var(--destructive-bg);border-radius:var(--radius-sm);color:var(--destructive);font-size:var(--text-sm);border:1px solid #b91c1c40}.app-message-success{padding:var(--space-2)var(--space-3);background-color:var(--success-bg);border-radius:var(--radius-sm);color:var(--success);font-size:var(--text-sm);border:1px solid #15803d33}.app-card{background-color:var(--surface-1);border:1px solid var(--border);border-top:3px solid var(--brand);border-radius:var(--radius-md);box-shadow:var(--shadow-brand);overflow:hidden}.app-card-header{padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--border-subtle);font-weight:var(--weight-semibold);color:var(--brand);background-color:var(--surface-brand-subtle)}.app-card-body{padding:var(--space-3)}.app-section-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--brand);margin:0 0 var(--space-3);padding-left:var(--space-2);border-left:4px solid var(--brand);letter-spacing:-.02em}.app-page-wrap{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-brand);padding:var(--space-3);max-width:100%}