:root{--bg: #0f172a;--sidebar: #020617;--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .15);--text: #e5e7eb;--text-soft: #9ca3af}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1d283a 0,#020617 55%,#000);color:var(--text)}.layout{display:flex;height:100vh}.sidebar{width:240px;background:var(--sidebar);border-right:1px solid rgba(148,163,184,.25);padding:18px 16px;display:flex;flex-direction:column;gap:24px}.logo{display:flex;align-items:center;gap:8px}.logo-dot{width:18px;height:18px;border-radius:999px;background:conic-gradient(from 0deg,#2563eb,#22c55e,#eab308,#f97316,#ec4899,#2563eb)}.logo-text{font-weight:600}.menu{display:flex;flex-direction:column;gap:8px}.menu button{width:100%;padding:8px 10px;border-radius:8px;border:none;background:transparent;color:var(--text);text-align:left;cursor:pointer;font-size:14px;transition:background .15s,transform .05s}.menu button:hover{background:#94a3b82e;transform:translateY(-1px)}.content{flex:1;padding:20px 24px;overflow-y:auto}h1{margin:0 0 4px;font-size:22px}.subtitle{margin:0 0 18px;color:var(--text-soft);font-size:13px}.charts-grid{display:grid;grid-template-columns:2fr 2fr 1.6fr;gap:16px;margin-bottom:18px}.chart-card{background:#0f172aeb;border-radius:14px;padding:14px 14px 10px;box-shadow:0 14px 40px #0f172acc;border:1px solid rgba(148,163,184,.4)}.chart-card h3{margin:0 0 6px;font-size:14px}.tables{display:flex;gap:14px;flex-wrap:wrap}.card{background:#0f172ae6;border-radius:12px;padding:12px;flex:1 1 32%;min-width:280px;border:1px solid rgba(148,163,184,.35);box-shadow:0 10px 30px #0f172ab3;overflow-x:auto}.card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px}.card h3{margin:0;font-size:14px}.toggle-btn{border:1px solid rgba(148,163,184,.55);background:var(--accent-soft);color:var(--text);padding:4px 10px;border-radius:999px;cursor:pointer;font-size:11px;white-space:nowrap;transition:opacity .15s ease,transform .05s}.toggle-btn:hover{opacity:.85;transform:translateY(-1px)}table{width:100%;border-collapse:collapse;font-size:11px;min-width:600px}th,td{padding:4px 6px;border-bottom:1px solid rgba(51,65,85,.7)}th{text-align:left;color:#9ca3af;font-weight:500}.overlay{position:fixed;inset:0;background:#0f172ad1;display:flex;align-items:center;justify-content:center;z-index:40}.overlay.hidden{display:none}.modal{background:#0f172afa;border-radius:14px;padding:18px 18px 14px;width:420px;box-shadow:0 24px 70px #000000d9;border:1px solid rgba(96,165,250,.6)}.modal h2{margin:0 0 10px;font-size:18px}.field-label{display:block;font-size:12px;margin:4px 0;color:#94a3b8}.select,.input,.input-number,.input-date,.input-datetime{width:100%;padding:7px 8px;border-radius:8px;border:1px solid rgba(148,163,184,.6);background:#020617;color:#e5e7eb;font-size:13px}.modal-body{margin-top:8px;font-size:13px}.modal-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.btn{border-radius:999px;padding:6px 14px;border:none;cursor:pointer;font-size:13px}.btn.primary{background:linear-gradient(135deg,#2563eb,#ec4899);color:#fff}.btn.secondary{background:transparent;border:1px solid rgba(148,163,184,.8);color:#e5e7eb}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin-top:8px}.form-item{display:flex;flex-direction:column;gap:3px;font-size:11px}@media(max-width:1100px){.charts-grid{grid-template-columns:1fr}}@media(max-width:900px){.layout{flex-direction:column;height:auto}.sidebar{width:100%;flex-direction:row;align-items:center;gap:12px;position:sticky;top:0;z-index:30}.menu{flex:1;flex-direction:row;flex-wrap:wrap;gap:6px}.menu button{flex:1 1 120px;text-align:center}.content{padding:14px 12px 18px}.charts-grid{grid-template-columns:1fr}.card{min-width:240px}table{min-width:520px;font-size:10px}}@media(max-width:600px){.menu button{flex:1 1 100%}.card{padding:10px}.toggle-btn{font-size:10px;padding:3px 8px}th,td{padding:3px 4px}}