:root{--primary: #2563eb;--primary-dark: #1d4ed8;--secondary: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--background: #f8fafc;--card: #ffffff;--border: #e2e8f0;--text-main: #0f172a;--text-muted: #64748b;--sidebar-width: 260px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--background);color:var(--text-main);overflow-x:hidden}.glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.card-shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}#app{display:flex;width:100%}.main-content{flex:1;margin-left:var(--sidebar-width);padding:2rem;transition:all .3s ease}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background:#1e293b;color:#fff;padding:1.5rem;display:flex;flex-direction:column;z-index:100}.table-container{overflow-x:auto;background:var(--card);border-radius:12px;border:1px solid var(--border)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:1rem;background:#f1f5f9;font-weight:600;font-size:.875rem;color:var(--text-muted)}td{padding:1rem;border-top:1px solid var(--border);font-size:.875rem}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef9c3;color:#854d0e}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--card);padding:1.5rem;border-radius:12px;border:1px solid var(--border);display:flex;align-items:center}.charts-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.chart-card{background:var(--card);padding:1.5rem;border-radius:12px;border:1px solid var(--border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:none;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:#fff;width:100%;max-width:1000px;max-height:90vh;border-radius:16px;overflow-y:auto;position:relative}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease-in-out;box-shadow:4px 0 24px #0003}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:4.5rem 1rem 1rem;width:100%;overflow-x:hidden}.charts-grid{grid-template-columns:1fr;gap:1rem}.chart-card{padding:1rem .75rem}.stat-card{padding:1rem}.stats-grid{gap:1rem}}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-overlay.visible{opacity:1;visibility:visible}