:root{--primary: #059669;--primary-dark: #065f46;--bg: #f1f5f9;--card-bg: #ffffff;--text: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--hover: #f8fafc;--error: #dc2626;--error-bg: #fef2f2;--error-border: #fecaca;--success: #16a34a;--warning: #d97706;--info: #2563eb;--muted: #94a3b8;--shadow: 0 1px 3px rgba(0,0,0,.08);--shadow-lg: 0 4px 24px rgba(0,0,0,.08)}[data-theme=dark]{--primary: #10b981;--primary-dark: #059669;--bg: #0f172a;--card-bg: #1e293b;--text: #f1f5f9;--text-muted: #94a3b8;--border: #334155;--hover: #334155;--error: #f87171;--error-bg: #450a0a;--error-border: #7f1d1d;--muted: #64748b;--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 4px 24px rgba(0,0,0,.4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);transition:background .2s,color .2s}a{color:var(--primary)}button{font-family:inherit}input,select,textarea{font-family:inherit;color:var(--text);background:var(--card-bg)}.btn{padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn:hover{background:var(--hover)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-danger{background:var(--error);color:#fff;border-color:var(--error)}.btn-danger:hover{opacity:.9}.btn-sm{padding:4px 12px;font-size:12px}.input,input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],input[type=datetime-local],select,textarea{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:14px;outline:none;background:var(--card-bg);color:var(--text);transition:border-color .15s}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary)}.card{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);padding:20px 24px;margin-bottom:20px}table{width:100%;border-collapse:collapse}table th,table td{padding:10px 14px;text-align:left;font-size:14px}table th{background:var(--hover);font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;border-bottom:2px solid var(--border)}table tbody tr{border-bottom:1px solid var(--border)}table tbody tr:hover{background:var(--hover)}.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600}.badge-success{background:#d1fae5;color:#065f46}.badge-danger{background:var(--error-bg);color:var(--error)}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1d4ed8}[data-theme=dark] .badge-success{background:#064e3b;color:#6ee7b7}[data-theme=dark] .badge-warning{background:#451a03;color:#fcd34d}[data-theme=dark] .badge-info{background:#1e3a8a;color:#93c5fd}.spinner{border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;width:36px;height:36px;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.text-error{color:var(--error)}.text-success{color:var(--success)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-gap{display:flex;gap:12px;align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}