:root{--bg:#0a0a0f;--surface:#14141f;--surface-2:#1c1c2a;--surface-3:#25253a;--border:#ffffff14;--border-strong:#ffffff29;--text:#fff;--text-muted:#8e8ea0;--text-faint:#5a5a6e;--primary:#2196f3;--primary-hover:#1e88e5;--primary-bg:#2196f31f;--success:#4caf50;--warning:#ff9800;--danger:#f44336;--radius:8px;--radius-lg:12px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);outline:none;width:100%;padding:8px 12px}input:focus,select:focus,textarea:focus{border-color:var(--primary)}textarea{resize:vertical;min-height:80px;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.btn{border-radius:var(--radius);background:var(--surface-2);color:var(--text);border:1px solid var(--border);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover{opacity:.9}.btn.ghost{border:1px solid var(--border);background:0 0}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{padding:5px 10px;font-size:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.input-group{margin-bottom:14px}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:12px;display:block}.error{color:var(--danger);margin-top:6px;font-size:13px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px;font-size:13px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--surface-2);font-size:11px;font-weight:600}tbody tr:hover{background:#ffffff05}.badge{background:var(--surface-3);color:var(--text);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge.success{color:var(--success);background:#4caf5033}.badge.warning{color:var(--warning);background:#ff980033}.badge.danger{color:var(--danger);background:#f4433633}.badge.info{color:var(--primary);background:#2196f333}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.w-full{width:100%}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}