:root{--primary: #1a4f7c;--primary-light: #2563a8;--primary-dark: #0f3259;--accent: #c8932a;--accent-light: #e8b84b;--success: #2e7d52;--warning: #b45309;--danger: #b91c1c;--info: #0369a1;--bg: #f4f6fb;--bg-card: #ffffff;--bg-sidebar: #0f2744;--bg-sidebar-hover: #1a3a5c;--sidebar-text: #cbd5e1;--sidebar-active: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--input-bg: #ffffff;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.06);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--chart-grid: #e2e8f0}[data-theme=dark]{--bg: #0f172a;--bg-card: #1e293b;--bg-sidebar: #0a1628;--bg-sidebar-hover: #1a2a45;--sidebar-text: #94a3b8;--sidebar-active: #ffffff;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #2d3748;--border-light: #1e293b;--input-bg: #1e293b;--shadow: 0 1px 3px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.2);--shadow-lg: 0 8px 32px rgba(0,0,0,.4);--chart-grid: #2d3748}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;background:var(--bg);color:var(--text-primary);transition:background .3s,color .3s}h1,h2,h3,h4{font-family:Playfair Display,serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);transition:background .3s,border-color .3s}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;border:none;transition:all .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-light)}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--border-light)}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:12px 24px;font-size:15px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.form-control{width:100%;padding:10px 12px;background:var(--input-bg);border:1.5px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:DM Sans,sans-serif;transition:border-color .15s}.form-control:focus{outline:none;border-color:var(--primary)}.form-control::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-primary{background:#dbeafe;color:var(--primary)}[data-theme=dark] .badge-success{background:#14532d40;color:#86efac}[data-theme=dark] .badge-warning{background:#78350f40;color:#fcd34d}[data-theme=dark] .badge-danger{background:#7f1d1d40;color:#fca5a5}[data-theme=dark] .badge-info{background:#1e3a8a40;color:#93c5fd}.table{width:100%;border-collapse:collapse}.table th{padding:10px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:2px solid var(--border);background:var(--bg)}.table td{padding:12px 16px;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:13px}.table tr:hover td{background:var(--border-light)}.stat-value{font-size:28px;font-weight:700;font-family:Playfair Display,serif}.stat-label{font-size:12px;color:var(--text-secondary);font-weight:500;margin-top:2px}.stat-change{font-size:11px;font-weight:600;margin-top:6px}.stat-up{color:var(--success)}.stat-down{color:var(--danger)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;overflow-x:hidden;display:flex;flex-direction:column}.page-content{flex:1;padding:24px;max-width:1400px;margin:0 auto;width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-size:24px;font-weight:700;color:var(--text-primary)}.page-subtitle{font-size:13px;color:var(--text-secondary);margin-top:2px}.grid{display:grid;gap:16px}.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 (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-content{padding:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 16px;border-radius:10px;font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);animation:fadeIn .3s ease;min-width:280px}.toast-success{background:#166534;color:#fff}.toast-error{background:#991b1b;color:#fff}.toast-info{background:var(--primary);color:#fff}