*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#0ea5e9;--primary-dark:#0284c7;--primary-glow:#0ea5e94d;--dark:#0f172a;--dark-border:#1e293b;--dark-hover:#263348;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--text:#1e293b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--font-heading:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #00000014;--shadow:0 4px 12px #0000001a;--sidebar-w:220px;--sidebar-collapsed:64px}body{font-family:var(--font-body);background:var(--slate-50);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:3px}#root{min-height:100vh}.card{border:1px solid var(--slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff}.btn{border-radius:var(--radius);white-space:nowrap;border:none;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:600;line-height:1;transition:opacity .15s,background .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-ghost{background:var(--slate-100);color:var(--slate-600)}.btn-ghost:hover:not(:disabled){background:var(--slate-200)}.btn-danger{color:var(--danger);background:#fef2f2}.btn-danger:hover:not(:disabled){background:#fee2e2}.btn-sm{padding:7px 12px;font-size:13px}.btn-lg{padding:13px 22px;font-size:16px}.btn-icon{border-radius:var(--radius);padding:8px}.input{border:1px solid var(--slate-200);border-radius:var(--radius);width:100%;color:var(--text);background:#fff;outline:none;padding:11px 13px;font-size:15px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input::placeholder{color:var(--slate-400)}.label{color:var(--slate-600);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.badge{border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge-green{color:#166534;background:#dcfce7}.badge-yellow{color:#92400e;background:#fef3c7}.badge-red{color:#991b1b;background:#fee2e2}.badge-blue{color:#1e40af;background:#dbeafe}.badge-slate{background:var(--slate-100);color:var(--slate-600)}.page{padding:28px 32px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{font-family:var(--font-heading);letter-spacing:-.02em;font-size:22px;font-weight:800}.empty{color:var(--slate-500);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 32px;display:flex}.empty svg{color:var(--slate-300)}.empty h3{color:var(--text);font-size:16px;font-weight:700}.empty p{max-width:320px;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--slate-200);border-top-color:var(--primary);border-radius:50%;flex:none;width:20px;height:20px;animation:.7s linear infinite spin}.modal-overlay{z-index:50;background:#0f172a80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);background:#fff;width:100%;max-width:480px;padding:28px;box-shadow:0 20px 60px #0003}.modal-title{font-family:var(--font-heading);margin-bottom:4px;font-size:20px;font-weight:800}.modal-sub{color:var(--slate-500);margin-bottom:20px;font-size:14px}@keyframes slideIn{0%{transform:translate(120%)}to{transform:translate(0)}}.toast-container{z-index:100;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border:1px solid var(--slate-200);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;animation:.2s slideIn;display:flex}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}