:root{--bg: #f3f6fb;--bg-soft: #ffffff;--text: #0f172a;--muted: #64748b;--border: #dbe3ef;--accent: #111827;--accent-contrast: #ffffff;--shadow: 0 14px 34px rgba(15, 23, 42, .08)}:root[data-theme=dark]{--bg: #020617;--bg-soft: #0f172a;--text: #e2e8f0;--muted: #94a3b8;--border: #1e293b;--accent: #e2e8f0;--accent-contrast: #020617;--shadow: 0 14px 34px rgba(2, 6, 23, .45)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,var(--bg),color-mix(in srgb,var(--bg) 70%,#64748b 30%));color:var(--text)}button,input,select{font:inherit}.page{min-height:100vh;padding:24px}.shell{max-width:1440px;margin:0 auto}.top-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;margin-bottom:16px}.content-grid{display:grid;grid-template-columns:1fr 1fr 1.7fr;gap:16px}.card{background:var(--bg-soft);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:20px}.hero h1,.section-header h2{margin:0}.muted{color:var(--muted);margin-top:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.stat{border:1px solid var(--border);background:color-mix(in srgb,var(--bg-soft) 85%,var(--bg) 15%);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:6px}.stat span{color:var(--muted);font-size:12px}.stat strong{font-size:15px}.controls{display:flex;flex-direction:column;gap:14px;justify-content:center}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-size:13px;color:var(--muted)}.control-group input,.control-group select{height:46px;border-radius:14px;border:1px solid var(--border);padding:0 14px;background:transparent;color:var(--text)}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions button,.list-item{transition:.2s ease}.actions button{min-height:46px;border:0;border-radius:14px;padding:0 16px;cursor:pointer;background:var(--accent);color:var(--accent-contrast);font-weight:700}.actions button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.list{margin-top:14px;display:flex;flex-direction:column;gap:10px;max-height:640px;overflow:auto}.list-item{width:100%;border:1px solid var(--border);border-radius:18px;padding:14px;background:transparent;color:var(--text);display:flex;justify-content:space-between;gap:12px;text-align:left;cursor:pointer}.list-item:hover,.actions button:hover{transform:translateY(-1px);opacity:.95}.list-item.active{background:var(--accent);color:var(--accent-contrast);border-color:transparent}.list-item div{display:flex;flex-direction:column;gap:6px}.list-item span{color:var(--muted);font-size:12px}.list-item.active span{color:color-mix(in srgb,var(--accent-contrast) 80%,transparent 20%)}.chart-card{min-height:720px}.chart-wrap{margin-top:16px;height:590px;border:1px solid var(--border);border-radius:20px;padding:12px;background:color-mix(in srgb,var(--bg-soft) 75%,var(--bg) 25%)}.empty-state,.error{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--muted);text-align:center}.error{min-height:auto;justify-content:flex-start;color:#ef4444}@media (max-width: 1180px){.top-grid,.content-grid,.stats{grid-template-columns:1fr}.chart-card{min-height:540px}.chart-wrap{height:380px}}