:root{--bg:#0b1220;--panel:#111a2e;--panel-2:#16233d;--muted:#8ea0bd;--text:#eef4ff;--line:#ffffff14;--accent:#ff6b00;--accent-2:#ffb000;--green:#34d399;--red:#fb7185;--blue:#60a5fa}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, #ff6b0029, transparent 32rem), radial-gradient(circle at top right, #60a5fa1f, transparent 30rem), var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.dashboard{width:min(1520px,100vw - 32px);margin:0 auto;padding:28px 0 44px}.header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.header h1{letter-spacing:-.05em;margin:0;font-size:clamp(30px,4vw,54px)}.header p{color:var(--muted);max-width:820px;margin:8px 0 0;line-height:1.55}.badge{color:#ffd9bf;white-space:nowrap;background:#ff6b001a;border:1px solid #ff6b0059;border-radius:999px;padding:9px 12px;font-size:13px}.grid{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:18px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(#111a2ef2,#111a2ed1);border-radius:22px;box-shadow:0 20px 70px #00000040}.sidebar{padding:18px;position:sticky;top:18px}.main{gap:18px;display:grid}.section{padding:18px}.section-title{align-items:center;gap:10px;margin:0 0 14px;font-size:18px;font-weight:760;display:flex}.form-group{gap:8px;margin-bottom:14px;display:grid}label{color:#dce8ff;font-size:13px;font-weight:650}input,textarea,select{width:100%;color:var(--text);border:1px solid var(--line);background:#080e1abd;border-radius:14px;outline:none;padding:11px 12px}textarea{resize:vertical;min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.5}input:focus,textarea:focus,select:focus{border-color:#ff6b008c;box-shadow:0 0 0 3px #ff6b001f}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.primary{color:#1b1100;background:linear-gradient(135deg, var(--accent), var(--accent-2));border:0;border-radius:15px;width:100%;padding:12px 14px;font-weight:800;box-shadow:0 14px 30px #ff6b002e}.primary:disabled{opacity:.55;cursor:not-allowed}.secondary{border:1px solid var(--line);color:var(--text);background:#ffffff0d;border-radius:14px;padding:10px 12px}.error{color:#ffd3db;white-space:pre-wrap;background:#fb71851a;border:1px solid #fb718559;border-radius:16px;padding:14px}.success{color:#c8ffea;background:#34d3991a;border:1px solid #34d39959;border-radius:16px;padding:14px}.muted{color:var(--muted)}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric{border:1px solid var(--line);background:#ffffff0a;border-radius:20px;padding:16px}.metric span{color:var(--muted);font-size:13px}.metric strong{letter-spacing:-.04em;margin-top:8px;font-size:28px;display:block}.filters{grid-template-columns:minmax(220px,1.3fr) minmax(180px,1fr) minmax(180px,1fr);gap:12px;display:grid}.charts{grid-template-columns:1fr 1fr;gap:14px;display:grid}.chart{min-height:320px;padding:16px}.chart h3{margin:0 0 14px;font-size:15px}.bar-row{grid-template-columns:minmax(100px,180px) 1fr 54px;align-items:center;gap:10px;margin:10px 0;font-size:13px;display:grid}.bar-label{white-space:nowrap;text-overflow:ellipsis;color:#dfeaff;overflow:hidden}.bar-track{background:#ffffff14;border-radius:999px;height:12px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%}.table-wrap{border:1px solid var(--line);border-radius:16px;max-height:620px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;min-width:130px;padding:11px 12px}th{z-index:1;color:#e8f1ff;background:#17243d;position:sticky;top:0}td{color:#d7e2f6}.actions{flex-wrap:wrap;gap:10px;display:flex}pre{white-space:pre-wrap;word-break:break-word;border:1px solid var(--line);color:#dbeafe;background:#080e1abd;border-radius:16px;max-height:520px;padding:14px;overflow:auto}details summary{cursor:pointer;color:#dce8ff;margin-bottom:12px;font-weight:700}@media (max-width:1180px){.grid{grid-template-columns:1fr}.sidebar{position:static}.metrics{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}}@media (max-width:760px){.dashboard{width:min(100vw - 20px,1520px);padding-top:18px}.header{display:grid}.row,.filters,.metrics{grid-template-columns:1fr}}