:root{--bg:#020617;--panel:#0f172ac7;--panel-strong:#0f172af0;--border:#94a3b82e;--text:#e5e7eb;--muted:#94a3b8;--muted-2:#64748b;--cyan:#22d3ee;--blue:#60a5fa;--green:#34d399;--violet:#8b5cf6;--amber:#fbbf24;--rose:#fb7185;--shadow:0 24px 80px #00000061}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 100% 0,#22d3ee1f,#0000 32rem),radial-gradient(circle at 0 0,#8b5cf626,#0000 28rem),linear-gradient(135deg,#020617 0%,#0f172a 48%,#020617 100%);margin:0;font-family:Inter,Arial,Helvetica,sans-serif}.app-page{min-height:100vh;padding:28px;position:relative;overflow-x:hidden}.background-orb{filter:blur(18px);opacity:.42;pointer-events:none;z-index:0;border-radius:999px;position:fixed}.orb-one{background:#22d3ee21;width:420px;height:420px;top:-160px;left:8%}.orb-two{background:#8b5cf629;width:360px;height:360px;bottom:4%;right:4%}.topbar,.hero-grid,.kpi-grid,.dashboard-grid,.panel{z-index:1;position:relative}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.brand{align-items:center;gap:16px;display:flex}.brand-mark{color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#22d3eeeb,#8b5cf6eb);border-radius:18px;place-items:center;width:58px;height:58px;font-weight:900;display:grid;box-shadow:0 18px 45px #22d3ee2e}.brand h1{letter-spacing:-.04em;margin:0;font-size:30px}.brand p{color:var(--muted);margin:7px 0 0}.topbar-actions{align-items:center;gap:12px;display:flex}.status-chip,.date-chip{border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172abd;border-radius:999px;padding:10px 14px;font-weight:700}.status-chip{align-items:center;gap:8px;display:flex}.pulse{background:var(--green);border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 6px #34d3991f}.hero-grid{grid-template-columns:1.7fr .7fr;gap:20px;margin-bottom:20px;display:grid}.hero-card,.rank-card,.kpi-card,.panel,.state-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-card{border-radius:28px;padding:30px;overflow:hidden}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.14em;margin-bottom:12px;font-size:12px;font-weight:900}.hero-card h2{letter-spacing:-.04em;max-width:1000px;margin:0;font-size:34px;line-height:1.22}.hero-card p{color:var(--muted);margin:16px 0 0;font-size:16px;line-height:1.7}.summary-pills{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;display:grid}.summary-pills div{border:1px solid var(--border);background:#0206176b;border-radius:18px;padding:16px}.summary-pills span{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.summary-pills strong{font-size:18px}.rank-card{background:linear-gradient(145deg, #22d3ee21, #0f172ad1), var(--panel);border-radius:28px;flex-direction:column;justify-content:center;min-height:220px;padding:28px;display:flex}.rank-label{color:var(--muted);font-size:13px;font-weight:800}.rank-card strong{letter-spacing:-.04em;margin-top:12px;font-size:34px}.rank-card em{color:var(--cyan);margin-top:8px;font-size:20px;font-style:normal;font-weight:900}.mini-meter{background:#94a3b824;border-radius:999px;height:8px;margin-top:24px;overflow:hidden}.mini-meter span{background:linear-gradient(90deg, var(--cyan), var(--violet));border-radius:999px;height:100%;display:block}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.kpi-card{border-radius:22px;min-height:150px;padding:20px;position:relative;overflow:hidden}.kpi-glow{opacity:.18;filter:blur(12px);border-radius:999px;width:120px;height:120px;position:absolute;top:-46px;left:-48px}.kpi-top{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.kpi-value{letter-spacing:-.04em;margin-top:20px;font-size:28px;font-weight:900}.kpi-subtitle{color:var(--muted-2);margin-top:10px;font-size:12px}.trend-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.trend-pill.positive{color:#86efac;background:#22c55e1f}.trend-pill.negative{color:#fda4af;background:#f43f5e1f}.dashboard-grid{grid-template-columns:1.45fr 1fr;gap:20px;margin-bottom:20px;display:grid}.panel{border-radius:24px;padding:20px;overflow:hidden}.large-panel{min-height:430px}.panel-header{justify-content:space-between;margin-bottom:14px;display:flex}.panel h2{letter-spacing:-.03em;margin:0;font-size:20px}.panel p{color:var(--muted);margin:6px 0 0;font-size:13px}.chart{height:320px}.large-chart{height:370px}.tooltip{border:1px solid var(--border);box-shadow:var(--shadow);background:#020617eb;border-radius:16px;min-width:190px;padding:12px}.tooltip-label{margin-bottom:10px;font-weight:900}.tooltip-row{color:var(--muted);grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.tooltip-row+.tooltip-row{margin-top:7px}.tooltip-dot{border-radius:999px;width:9px;height:9px}.tooltip-row strong{color:var(--text)}.table-shell{border:1px solid #94a3b81f;border-radius:16px;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:right;color:var(--muted);white-space:nowrap;background:#02061761;padding:12px 14px;font-weight:900}td{white-space:nowrap;color:#dbeafe;border-top:1px solid #94a3b81a;padding:12px 14px}tr:hover td{background:#22d3ee0d}.state-card{border-radius:20px;padding:22px;font-size:20px}.error{color:#fecdd3}.loading{color:var(--text)}@media (width<=1300px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid,.dashboard-grid{grid-template-columns:1fr}}@media (width<=760px){.app-page{padding:16px}.topbar,.brand,.topbar-actions{flex-direction:column;align-items:flex-start}.hero-card h2{font-size:26px}.summary-pills,.kpi-grid{grid-template-columns:1fr}.brand h1{font-size:24px}}.ai-panel{margin-bottom:20px}.ai-request-box{background:#02061757;border:1px solid #94a3b824;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:18px;display:flex}.ai-request-box h3{margin:0;font-size:18px}.ai-request-box p{color:var(--muted);margin:6px 0 0}.ai-run-button{color:#fff;background:linear-gradient(135deg, var(--cyan), var(--violet));cursor:pointer;white-space:nowrap;border:0;border-radius:14px;padding:13px 18px;font-weight:900;box-shadow:0 16px 34px #22d3ee24}.ai-run-button:disabled{cursor:not-allowed;opacity:.58}.ai-error{color:#fecdd3;background:#f43f5e1f;border:1px solid #f43f5e42;border-radius:14px;margin-bottom:14px;padding:12px 14px;font-weight:800}.ai-result{gap:14px;display:grid}.ai-result-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:12px;font-weight:800;display:flex}.ai-result-meta span{border:1px solid var(--border);background:#0f172a8a;border-radius:999px;padding:7px 10px}.sql-details{background:#02061757;border:1px solid #94a3b824;border-radius:16px;padding:12px 14px}.sql-details summary{cursor:pointer;color:var(--cyan);font-weight:900}.sql-details pre{color:#c4b5fd;text-align:left;direction:ltr;margin:12px 0 0;font-size:12px;overflow-x:auto}@media (width<=760px){.ai-request-box{flex-direction:column;align-items:stretch}.ai-run-button{width:100%}}.ai-prompt-area{width:100%}.ai-prompt-input{width:100%;color:var(--text);resize:vertical;font:inherit;background:#02061770;border:1px solid #94a3b82e;border-radius:16px;outline:none;margin-top:12px;padding:14px 16px;line-height:1.5}.ai-prompt-input:focus{border-color:#22d3ee85;box-shadow:0 0 0 4px #22d3ee14}.ai-examples{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ai-examples button{color:var(--text);cursor:pointer;background:#0f172ab8;border:1px solid #94a3b82e;border-radius:999px;padding:8px 11px;font-weight:800}.ai-examples button:hover{color:#fff;border-color:#22d3ee7a}.ai-business-summary{background:#02061747;border:1px solid #94a3b81f;border-radius:16px;padding:14px 16px}.ai-business-summary h3{margin:0;font-size:18px}.ai-business-summary p{color:var(--muted);margin:6px 0 0}.ai-actions{justify-content:flex-start;margin-top:14px;display:flex}.ai-request-box{align-items:stretch}@media (width<=760px){.ai-actions{width:100%}}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-card{z-index:1;background:var(--panel-strong);border:1px solid var(--border);width:min(520px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:30px;padding:30px;position:relative}.login-brand{margin-bottom:26px}.login-field{gap:8px;margin-bottom:14px;display:grid}.login-field span{color:var(--muted);font-size:13px;font-weight:900}.login-field input{width:100%;color:var(--text);font:inherit;background:#02061780;border:1px solid #94a3b833;border-radius:16px;outline:none;padding:14px 16px}.login-field input:focus{border-color:#22d3ee85;box-shadow:0 0 0 4px #22d3ee14}.login-button,.logout-button{color:#fff;background:linear-gradient(135deg, var(--cyan), var(--violet));cursor:pointer;border:0;font-weight:900}.login-button{border-radius:16px;width:100%;margin-top:8px;padding:14px 18px;font-size:16px}.login-button:disabled{cursor:not-allowed;opacity:.58}.logout-button{border-radius:999px;padding:10px 14px}.login-error{color:#fecdd3;background:#f43f5e1f;border:1px solid #f43f5e42;border-radius:14px;margin-bottom:14px;padding:12px 14px;font-weight:800}.login-hint{color:var(--muted);text-align:center;margin-top:14px;font-size:13px}.login-page{background:radial-gradient(circle at 100% 0,#22d3ee24,#0000 32rem),radial-gradient(circle at 0 100%,#8b5cf62e,#0000 30rem),linear-gradient(135deg,#020617 0%,#0f172a 52%,#020617 100%);place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.login-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:2;background:#0f172ad1;border:1px solid #94a3b833;border-radius:30px;width:min(520px,100%);padding:34px;position:relative;box-shadow:0 32px 110px #00000075}.login-brand{align-items:center;gap:16px;margin-bottom:34px;display:flex}.login-brand h1{letter-spacing:-.04em;margin:0;font-size:30px}.login-brand p{color:var(--muted);margin:8px 0 0}.login-copy{margin-bottom:26px}.login-copy h2{letter-spacing:-.04em;margin:0;font-size:28px}.login-copy p{color:var(--muted);margin:12px 0 0;line-height:1.7}.login-form{gap:16px;display:grid}.login-form label{color:#cbd5e1;gap:8px;font-size:14px;font-weight:800;display:grid}.login-form input{width:100%;color:var(--text);background:#02061794;border:1px solid #94a3b83d;border-radius:16px;outline:none;padding:14px 16px;font-size:16px}.login-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #22d3ee1a}.login-form button,.logout-button{background:linear-gradient(135deg, var(--cyan), var(--violet));color:#fff;cursor:pointer;border:0;border-radius:16px;font-weight:900;box-shadow:0 18px 45px #22d3ee2e}.login-form button{margin-top:4px;padding:15px 18px;font-size:16px}.login-form button:disabled{opacity:.65;cursor:not-allowed}.logout-button{padding:10px 14px}.login-error{color:#fecdd3;background:#f43f5e1f;border:1px solid #f43f5e38;border-radius:14px;padding:12px 14px;font-weight:800}.login-footer{color:var(--muted-2);text-align:center;margin-top:24px;font-size:12px}.ask-ai-panel{z-index:1;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#22d3ee1a,#8b5cf61a),#0f172acc;border:1px solid #94a3b82e;border-radius:26px;margin-bottom:20px;padding:24px;position:relative}.ask-ai-header{justify-content:space-between;gap:18px;margin-bottom:18px;display:flex}.ask-ai-header h2{letter-spacing:-.04em;margin:0;font-size:24px}.ask-ai-header p{color:var(--muted);margin:8px 0 0;line-height:1.7}.ask-ai-form{grid-template-columns:1fr auto;gap:12px;display:grid}.ask-ai-form input{width:100%;color:var(--text);background:#02061794;border:1px solid #94a3b83d;border-radius:16px;outline:none;padding:14px 16px;font-size:16px}.ask-ai-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #22d3ee1a}.ask-ai-form button{background:linear-gradient(135deg, var(--cyan), var(--violet));color:#fff;cursor:pointer;border:0;border-radius:16px;padding:0 24px;font-weight:900}.ask-ai-form button:disabled{opacity:.65;cursor:not-allowed}.ask-ai-examples{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.ask-ai-examples button{color:#cbd5e1;cursor:pointer;background:#02061770;border:1px solid #94a3b82e;border-radius:999px;padding:8px 12px;font-weight:800}.ask-ai-examples button:hover{border-color:var(--cyan);color:#fff}.ask-ai-answer{background:#22d3ee12;border:1px solid #22d3ee33;border-radius:18px;margin-top:18px;padding:16px}.ask-ai-answer strong{color:var(--cyan)}.ask-ai-answer p{color:var(--text);margin:8px 0 0;line-height:1.8}.ask-ai-error{color:#fecdd3;background:#f43f5e1f;border:1px solid #f43f5e38;border-radius:14px;margin-top:16px;padding:12px 14px;font-weight:800}.ask-ai-result-table{border:1px solid #94a3b81f;border-radius:16px;margin-top:16px;overflow-x:auto}.ask-ai-result-table table{border-collapse:collapse;width:100%}.ask-ai-sql{margin-top:14px}.ask-ai-sql button{color:#cbd5e1;cursor:pointer;background:#02061773;border:1px solid #94a3b833;border-radius:12px;padding:8px 12px;font-weight:800}.ask-ai-sql pre{color:#dbeafe;text-align:left;direction:ltr;background:#020617c2;border:1px solid #94a3b824;border-radius:14px;margin-top:12px;padding:14px;overflow-x:auto}@media (width<=760px){.ask-ai-form{grid-template-columns:1fr}.ask-ai-form button{padding:14px 18px}}