:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-soft: #eef2ff;--success: #10b981;--success-soft: #d1fae5;--danger: #ef4444;--danger-soft: #fee2e2;--warning: #f59e0b;--warning-soft: #fef3c7;--info: #3b82f6;--info-soft: #dbeafe;--bg: #f1f5f9;--surface: #ffffff;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--sidebar-bg: #0f172a;--sidebar-width: 250px;--sidebar-collapsed: 80px;--radius: 10px;--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .12)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text)}code{font-family:JetBrains Mono,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{display:flex;min-height:100vh}.main-content{flex:1;padding:24px;background:var(--bg);margin-left:var(--sidebar-width);transition:margin-left .3s ease;min-width:0}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:#fff;position:fixed;height:100vh;overflow-y:auto;z-index:100;transition:width .3s ease}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.08);position:relative}.sidebar.collapsed .sidebar-header{padding:20px 10px}.sidebar-toggle{position:absolute;top:20px;right:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#94a3b8}.sidebar-toggle:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.sidebar.collapsed .sidebar-toggle{right:50%;transform:translate(50%)}.sidebar-header h1{font-size:22px;font-weight:700;letter-spacing:-.02em}.sidebar-header small{color:#64748b;font-size:12px}.sidebar-nav{padding:20px 0}.sidebar.collapsed .sidebar-nav{padding:20px 5px}.nav-section{margin-bottom:28px}.nav-section:last-of-type{margin-bottom:10px}.nav-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;padding:0 20px;margin-bottom:10px}.nav-item{display:flex;align-items:center;padding:11px 20px;color:#94a3b8;text-decoration:none;transition:all .2s;cursor:pointer;white-space:nowrap;border-left:3px solid transparent}.sidebar.collapsed .nav-item{justify-content:center;padding:11px 10px}.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .nav-item svg{margin-right:0}.nav-item:hover{background:rgba(255,255,255,.05);color:#fff}.nav-item.active{background:rgba(99,102,241,.15);color:#a5b4fc;border-left-color:var(--primary)}.nav-item svg{margin-right:12px;flex-shrink:0}.metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.metric-card{background:var(--surface);padding:20px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.metric-card h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-bottom:10px}.metric-value{font-size:30px;font-weight:700;margin-bottom:6px;letter-spacing:-.02em}.metric-change{font-size:13px;color:var(--text-muted)}.metric-change.negative{color:var(--danger)}.table-container{background:var(--surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);border:1px solid var(--border);overflow-x:auto}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap}.table-header h2{font-size:18px;font-weight:700}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px;border-bottom:2px solid var(--border);font-weight:600;color:var(--text-muted);font-size:13px;text-transform:uppercase;letter-spacing:.03em}td{padding:12px;border-bottom:1px solid var(--border);font-size:14px}tr:hover{background:#f8fafc}.btn,.btn-primary,.btn-secondary,.btn-success,.btn-danger{padding:9px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg)}.btn-small{padding:6px 12px;font-size:12px}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled,.btn-success:disabled{opacity:.55;cursor:not-allowed}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--bg);color:var(--text);border-color:#cbd5e1}.badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;display:inline-block}.badge-primary{background:var(--primary-soft);color:var(--primary-dark)}.badge-success{background:var(--success-soft);color:#047857}.badge-danger{background:var(--danger-soft);color:#b91c1c}.badge-warning{background:var(--warning-soft);color:#b45309}.badge-info{background:var(--info-soft);color:#1d4ed8}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:600;font-size:14px;color:var(--text)}.form-control,input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--surface);color:var(--text);transition:border-color .2s,box-shadow .2s}.form-control:focus,input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}select,select.form-control{cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--primary);width:16px;height:16px;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:var(--surface);border-radius:14px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{margin-bottom:20px}.modal-header h2{font-size:22px;margin-bottom:8px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:40px;text-align:center;cursor:pointer;transition:all .2s;background:var(--surface)}.upload-zone:hover,.upload-zone.dragover{border-color:var(--primary);background:var(--primary-soft)}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.alert-success{background:var(--success-soft);color:#047857;border:1px solid #6ee7b7}.alert-danger{background:var(--danger-soft);color:#b91c1c;border:1px solid #fca5a5}.alert-info{background:var(--info-soft);color:#1d4ed8;border:1px solid #93c5fd}.stat-box{background:var(--surface);padding:1.5rem;border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border);transition:all .2s}.stat-box:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.loading{display:flex;align-items:center;justify-content:center;padding:40px}.spinner{border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content,.main-content.sidebar-collapsed{margin-left:0}.metric-cards{grid-template-columns:1fr}}