:root{--bg:#f4f6fb;--surface:#fff;--surface-2:#f8fafc;--border:#e6e9f0;--text:#0f172a;--text-soft:#64748b;--text-faint:#94a3b8;--primary:#4f46e5;--primary-600:#4338ca;--primary-50:#eef2ff;--primary-grad:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--success:#16a34a;--success-bg:#dcfce7;--warning:#d97706;--warning-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fee2e2;--info-bg:#e0f2fe;--radius:14px;--radius-sm:9px;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a0a;--shadow:0 4px 12px #0f172a12, 0 2px 4px #0f172a0a;--shadow-lg:0 18px 40px #0f172a24;--sans:"Inter", system-ui, "Segoe UI", Roboto, -apple-system, sans-serif;font-family:var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--primary);text-decoration:none}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700}.btn{font:600 14px/1 var(--sans);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 18px;transition:all .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary-grad);color:#fff;box-shadow:0 4px 14px #4f46e552}.btn-primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 6px 18px #4f46e566}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:#cbd5e1}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:7px 12px;font-size:13px}.btn-block{width:100%}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--text-soft);font-size:13px;font-weight:600}.input,.select{font:15px var(--sans);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;padding:11px 13px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50);outline:none}.input.lg{padding:14px 16px;font-size:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:22px}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.card-title{font-size:16px;font-weight:700}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);border-bottom:1px solid var(--border);background:var(--surface-2);padding:12px 16px;font-size:12px;font-weight:700}.table td{border-bottom:1px solid var(--border);padding:13px 16px}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:none}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.badge{border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-green{background:var(--success-bg);color:var(--success)}.badge-amber{background:var(--warning-bg);color:var(--warning)}.badge-red{background:var(--danger-bg);color:var(--danger)}.badge-blue{background:var(--info-bg);color:#0369a1}.muted{color:var(--text-soft)}.faint{color:var(--text-faint)}.row{gap:14px;display:flex}.row>*{flex:1}.stack{flex-direction:column;gap:14px;display:flex}.spread{justify-content:space-between;align-items:center;display:flex}.toast{border-radius:var(--radius-sm);color:#fff;box-shadow:var(--shadow-lg);z-index:100;padding:13px 20px;font-size:14px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast-ok{background:var(--success)}.toast-err{background:var(--danger)}.toast-enter-active,.toast-leave-active{transition:all .25s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,12px)}