:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#f9fafb;--surface-hover:#f3f4f6;--text:#0f172a;--text-muted:#475569;--text-subtle:#94a3b8;--border:#e5e7eb;--border-strong:#d1d5db;--ring:#2563eb38;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eff6ff;--on-primary:#fff;--success:#15803d;--success-soft:#dcfce7;--warning:#a16207;--warning-soft:#fef3c7;--danger:#b91c1c;--danger-soft:#fee2e2;--info:#1d4ed8;--info-soft:#dbeafe;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #0f172a0d;--shadow:0 4px 12px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-lg:0 12px 32px #0f172a1a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--font-sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--nav-h:56px;--container:1180px}[data-theme=dark]{--bg:#0b1220;--surface:#0f172a;--surface-2:#111c33;--surface-hover:#172241;--text:#e5e7eb;--text-muted:#94a3b8;--text-subtle:#64748b;--border:#1f2a44;--border-strong:#2b3a5c;--ring:#60a5fa52;--primary:#3b82f6;--primary-hover:#2563eb;--primary-soft:#1e293b;--success:#4ade80;--success-soft:#052e16;--warning:#fbbf24;--warning-soft:#3a2a05;--danger:#f87171;--danger-soft:#3a0a0a;--info:#60a5fa;--info-soft:#0b1a36;--shadow-sm:0 1px 2px #0006;--shadow:0 4px 12px #00000073;--shadow-lg:0 12px 32px #0000008c}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-md);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:var(--text);letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0}:focus-visible{box-shadow:0 0 0 3px var(--ring);border-radius:var(--radius-sm);outline:none}.container{max-width:var(--container);padding:var(--space-6) var(--space-5);margin:0 auto}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack-lg{gap:var(--space-6);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.page-header__title{font-size:var(--text-2xl);letter-spacing:-.015em;font-weight:600}.page-header__subtitle{color:var(--text-muted);margin-top:var(--space-1);font-size:var(--text-md)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--border);display:flex}.card__title{font-size:var(--text-lg);font-weight:600}.section+.section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}.section__title{font-size:var(--text-md);color:var(--text-muted);letter-spacing:.01em;text-transform:uppercase;margin-bottom:var(--space-4);font-weight:600}.field{flex-direction:column;gap:6px;display:flex}.field__label{font-size:var(--text-sm);color:var(--text);font-weight:500}.field__label--req:after{content:" *";color:var(--danger)}.field__hint{font-size:var(--text-xs);color:var(--text-muted)}.field__error{font-size:var(--text-xs);color:var(--danger)}.input,.select,.textarea{width:100%;font:inherit;font-size:var(--text-md);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;transition:border-color .12s,box-shadow .12s,background .12s}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}.input::placeholder,.textarea::placeholder{color:var(--text-subtle)}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px #b91c1c26}.select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.btn{--btn-bg:var(--primary);--btn-bg-hover:var(--primary-hover);--btn-fg:var(--on-primary);--btn-border:transparent;font:inherit;font-size:var(--text-md);color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-weight:500;line-height:1;transition:background .12s,color .12s,border-color .12s,box-shadow .12s,transform .12s;display:inline-flex}.btn:hover{background:var(--btn-bg-hover)}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:0 0 0 3px var(--ring)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--sm{font-size:var(--text-sm);padding:6px 12px}.btn--block{width:100%}.btn--secondary{--btn-bg:var(--surface);--btn-bg-hover:var(--surface-hover);--btn-fg:var(--text);--btn-border:var(--border)}.btn--ghost{--btn-bg:transparent;--btn-bg-hover:var(--surface-hover);--btn-fg:var(--text);--btn-border:transparent}.btn--danger{--btn-bg:var(--danger);--btn-bg-hover:#991b1b;--btn-fg:#fff}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.navbar{z-index:30;height:var(--nav-h);background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);position:sticky;top:0}.navbar__inner{max-width:var(--container);height:100%;padding:0 var(--space-5);align-items:center;gap:var(--space-5);margin:0 auto;display:flex}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:8px;font-weight:600;display:inline-flex}.brand__mark{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#fff;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:inline-flex}.nav-links{margin-left:var(--space-4);align-items:center;gap:2px;display:flex}.nav-link{border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-muted);align-items:center;padding:7px 12px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:inline-flex}.nav-link:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.nav-link[aria-current=page]{background:var(--primary-soft);color:var(--primary)}.navbar__spacer{flex:1}.user-chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:10px;padding:4px 4px 4px 10px;display:inline-flex}.user-chip__name{font-size:var(--text-sm);color:var(--text)}.user-chip__role{font-size:var(--text-xs);color:var(--text-muted)}.avatar{background:var(--primary-soft);width:28px;height:28px;color:var(--primary);font-size:var(--text-xs);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table thead th{text-align:left;font-weight:600;font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-2);padding:12px var(--space-4);border-bottom:1px solid var(--border);position:sticky;top:0}.table tbody td{padding:14px var(--space-4);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--surface-hover)}.table .col-actions{text-align:right;white-space:nowrap;width:1%}.badge{font-size:var(--text-xs);background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-weight:500;display:inline-flex}.badge--success{background:var(--success-soft);color:var(--success);border-color:#0000}.badge--warning{background:var(--warning-soft);color:var(--warning);border-color:#0000}.badge--danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.badge--info{background:var(--info-soft);color:var(--info);border-color:#0000}.badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.alert{align-items:flex-start;gap:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:var(--text-sm);padding:12px 14px;display:flex}.alert--error{background:var(--danger-soft);color:var(--danger);border-color:#0000}.alert--success{background:var(--success-soft);color:var(--success);border-color:#0000}.alert--info{background:var(--info-soft);color:var(--info);border-color:#0000}.empty{text-align:center;padding:var(--space-8) var(--space-5);color:var(--text-muted)}.empty__icon{background:var(--surface-2);width:48px;height:48px;color:var(--text-muted);margin-bottom:var(--space-3);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.empty__title{font-size:var(--text-lg);color:var(--text);margin-bottom:var(--space-1);font-weight:600}.skeleton{background:linear-gradient(90deg, var(--surface-2) 0%, var(--surface-hover) 50%, var(--surface-2) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer;display:block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.toolbar .input,.toolbar .select{width:auto;min-width:220px}.toolbar__count{color:var(--text-muted);font-size:var(--text-sm);margin-left:auto}.form-footer{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-5);margin-top:var(--space-5);border-top:1px solid var(--border);display:flex}.auth-shell{min-height:100vh;padding:var(--space-5);background:radial-gradient(800px 400px at 10% -10%, #2563eb1a, transparent 60%), radial-gradient(700px 400px at 110% 10%, #7c3aed1a, transparent 60%), var(--bg);place-items:center;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:var(--space-7) var(--space-6)}.auth-card__brand{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.auth-card__brand .brand__mark{border-radius:12px;width:40px;height:40px;font-size:16px}.auth-card__title{font-size:var(--text-xl);letter-spacing:-.015em;font-weight:600}.auth-card__subtitle{color:var(--text-muted);font-size:var(--text-sm)}.auth-hint{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px dashed var(--border);text-align:center;font-size:var(--text-xs);color:var(--text-subtle)}.dl{gap:var(--space-4) var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:768px){.dl{grid-template-columns:1fr}}.dl__row{flex-direction:column;gap:2px;display:flex}.dl__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.dl__value{font-size:var(--text-md);color:var(--text)}.nav-toggle{display:none}@media (max-width:768px){.nav-links,.user-chip__name,.user-chip__role{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}