:root{--color-primary:#1d4ed8;--color-primary-dark:#1e40af;--color-primary-light:#eff6ff;--color-primary-ring:rgba(29,78,216,.18);--color-danger:#dc2626;--color-success:#16a34a;--color-warning:#d97706;--color-bg:#f8fafc;--color-surface:#fff;--color-border:#dbeafe;--color-text:#0f172a;--color-text-muted:#64748b;--color-sidebar-bg:#0f172a;--color-sidebar-text:#93c5fd;--color-sidebar-hover:#1e293b;--color-sidebar-active:#1d4ed8;--radius:8px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow:0 4px 16px rgba(29,78,216,.08);--shadow-md:0 8px 32px rgba(29,78,216,.12);--font:"Inter",system-ui,sans-serif;--sidebar-w:248px;--topbar-h:64px;--transition:.18s ease}html.dark{--color-bg:#0f172a;--color-surface:#1e293b;--color-border:#334155;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-primary-light:rgba(29,78,216,.15);--color-sidebar-bg:#080e1a;--color-sidebar-hover:#1a2744;--shadow-sm:0 1px 3px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3);--shadow:0 4px 16px rgba(0,0,0,.5);--shadow-md:0 8px 32px rgba(0,0,0,.6)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{background:none;border:none;font:inherit;outline:none}img{display:block;max-width:100%}.sr-only{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap}.btn{align-items:center;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;letter-spacing:.01em;padding:9px 20px;transition:background var(--transition),box-shadow var(--transition),transform var(--transition),opacity var(--transition)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:var(--color-primary);box-shadow:0 2px 8px #1d4ed84d;color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 4px 16px #1d4ed859;transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:0 2px 8px #1d4ed840;transform:translateY(0)}.btn-ghost{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-ghost:hover:not(:disabled){background:var(--color-primary-light)}.btn-danger{background:var(--color-danger);box-shadow:0 2px 8px #dc262640;color:#fff}.btn-danger:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn-sm{font-size:13px;padding:5px 13px}.btn-full{justify-content:center;width:100%}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{color:var(--color-text-muted);font-size:13px;font-weight:500;letter-spacing:.01em}.form-input{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:14px;padding:10px 13px;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.form-input.error{border-color:var(--color-danger)}.form-error{color:var(--color-danger);font-size:12px}.card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.02em;padding:3px 9px}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-green{background:#dcfce7;color:#15803d}.badge-red{background:#fee2e2;color:#b91c1c}.badge-yellow{background:#fef9c3;color:#a16207}.badge-gray{background:#f1f5f9;color:#475569}.data-table{border-collapse:collapse;font-size:14px;width:100%}.data-table th{background:#eff6ff;border-bottom:1.5px solid var(--color-border);color:var(--color-text-muted);font-size:11px;font-weight:600;letter-spacing:.8px;padding:11px 16px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:13px 16px;vertical-align:middle}.data-table tbody tr:nth-child(2n) td{background:#eff6ff}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--color-primary-light);transition:background var(--transition)}.spinner{animation:spin .55s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);flex-shrink:0;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.alert{border-radius:var(--radius);font-size:14px;font-weight:500;padding:11px 15px}.alert-error{background:#fee2e2;border:1.5px solid #fca5a5;color:#b91c1c}.alert-success{background:#dcfce7;border:1.5px solid #86efac;color:#15803d}.tab-group{background:#0000000a;border-radius:12px;display:flex;flex-wrap:wrap;gap:2px;padding:4px}.tab-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 16px;transition:all var(--transition);white-space:nowrap}.tab-btn:hover:not(.active){background:#0000000d}.tab-btn.active{background:var(--color-surface);box-shadow:0 1px 6px #0000001a;color:var(--color-text);font-weight:700}