@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;700&display=swap";
:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--border-default:#e2e8f0;--border-subtle:#f1f5f9;--border-strong:#cbd5e1;--border-accent:#0d948866;--text-primary:#0f172a;--text-secondary:#64748b;--text-tertiary:#94a3b8;--accent-teal:#0d9488;--accent-teal-hover:#0f766e;--accent-teal-dim:#0d948814;--accent-teal-glow:#0d94882e;--elevation-0:#f8fafc;--elevation-1:#fff;--elevation-2:#f1f5f9;--elevation-3:#e2e8f0;--status-success:#059669;--status-warning:#d97706;--status-error:#dc2626;--status-info:#0284c7;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-glow-teal:0 4px 14px #0d948833;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1.125rem;--text-lg:1.875rem;--weight-normal:400;--weight-medium:500;--weight-bold:700;--font-heading:"Inter", -apple-system, sans-serif;--font-body:"DM Sans", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--sidebar-width:250px;--topbar-height:64px;--content-max-width:1240px;--transition-fast:.15s ease;--transition-base:.25s ease}.dark{--bg-primary:#0b0f19;--bg-secondary:#111827;--border-default:#ffffff1a;--border-subtle:#ffffff0d;--border-strong:#ffffff2e;--border-accent:#00d4aa66;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--accent-teal:#00d4aa;--accent-teal-hover:#00efbf;--accent-teal-dim:#00d4aa1f;--accent-teal-glow:#00d4aa40;--elevation-0:#0b0f19;--elevation-1:#111827;--elevation-2:#1e293b;--elevation-3:#334155;--status-success:#10b981;--status-warning:#f59e0b;--status-error:#ef4444;--status-info:#38bdf8;--shadow-sm:0 4px 12px #0003;--shadow-md:0 10px 30px #00000059;--shadow-lg:0 20px 50px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;font-size:var(--text-sm);transition:background var(--transition-base), color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.02em;line-height:1.25}.btn{font-family:var(--font-heading);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal)}.btn-primary:hover{background:var(--accent-teal-hover);border-color:var(--accent-teal-hover);box-shadow:var(--shadow-glow-teal)}.btn-secondary{background:var(--elevation-1);color:var(--text-primary);border-color:var(--border-default);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--elevation-2);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--elevation-2);color:var(--text-primary)}.btn-lg{border-radius:var(--radius-lg);padding:.85rem 1.75rem;font-size:1rem}.btn-sm{font-size:var(--text-xs);border-radius:var(--radius-sm);padding:.4rem .85rem}.btn-block{width:100%}.card{background:var(--elevation-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast), border-color var(--transition-fast);padding:1.5rem}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);align-items:center;gap:.35rem;padding:.25rem .65rem;font-weight:600;line-height:1;display:inline-flex}.badge-success{color:var(--status-success);background:#0596691a;border:1px solid #05966933}.badge-warning{color:var(--status-warning);background:#d977061a;border:1px solid #d9770633}.badge-error{color:var(--status-error);background:#dc26261a;border:1px solid #dc262633}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.data-table th{text-align:left;color:var(--text-secondary);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-default);padding:.85rem 1rem}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:1rem}.data-table tr:hover td{background:var(--elevation-2)}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{background:var(--elevation-1);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.75rem 1rem}input:focus,select:focus,textarea:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px var(--accent-teal-dim)}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}