:root{--bg:#03060b;--panel:rgba(12,18,32,.76);--panel2:rgba(255,255,255,.055);--line:rgba(255,255,255,.13);--text:#f7f8ff;--muted:rgba(247,248,255,.62);--accent:#aeb9ff;--ok:#82f7a0;--warn:#ffb18e;--danger:#ff8c7c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,system-ui,Arial,sans-serif;background:radial-gradient(circle at 20% 10%,#101a34 0,#07101f 38%,#03060b 100%);color:var(--text)}button,input,select{font:inherit}#particleCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.hidden{display:none!important}.login-shell{position:relative;z-index:2;min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,94vw);padding:38px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 28px 90px rgba(0,0,0,.42);backdrop-filter:blur(18px)}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:11px;font-weight:800;color:rgba(255,255,255,.47)}h1,h2,h3,h4,p{margin-top:0}h1{font-size:28px;line-height:1.05;letter-spacing:.5px}h1 span{display:block;margin-top:8px;font-size:13px;letter-spacing:3px;color:var(--muted);font-weight:650;text-transform:uppercase}.login-card label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:18px 0 7px}input,select{width:100%;border:1px solid var(--line);background:rgba(1,6,14,.55);color:var(--text);border-radius:14px;padding:13px 15px;outline:none}input:focus,select:focus{border-color:rgba(174,185,255,.85);box-shadow:0 0 0 4px rgba(174,185,255,.1)}button{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff;border-radius:999px;padding:12px 18px;cursor:pointer;font-weight:800;transition:.18s}button:hover{transform:translateY(-1px);background:rgba(255,255,255,.16)}button.secondary{background:transparent}.login-card button{width:100%;margin-top:22px}.message{min-height:22px;margin:14px 0 0;color:var(--warn);font-size:13px}.secure-note{color:var(--muted);font-size:12px;line-height:1.5;margin-top:18px}.dashboard{position:relative;z-index:2;width:min(1440px,97vw);height:calc(100vh - 28px);margin:14px auto;padding:18px;border:1px solid var(--line);border-radius:28px;background:rgba(3,6,11,.52);backdrop-filter:blur(15px);overflow:auto}.dash-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:16px}.dash-header h2{margin:5px 0 6px;font-size:23px}.dash-header p{color:var(--muted);font-size:13px;margin:0}.header-tools{display:flex;gap:10px;align-items:center}.timer{border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-weight:900;font-family:ui-monospace,Consolas,monospace;font-size:24px;letter-spacing:2px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.tab{border-radius:14px;padding:10px 14px;background:rgba(255,255,255,.045)}.tab.active{background:rgba(174,185,255,.2);border-color:rgba(174,185,255,.55)}.panel{display:none;border:1px solid rgba(255,255,255,.08);background:var(--panel);border-radius:22px;padding:18px}.panel.active{display:block}.panel-title-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.badge{font-size:12px;color:var(--ok);border:1px solid rgba(130,247,160,.35);border-radius:99px;padding:7px 10px;background:rgba(130,247,160,.06)}.search-row{display:grid;grid-template-columns:1fr auto;gap:10px}.result-card{margin-top:16px;padding:18px;border-radius:20px;border:1px solid var(--line);background:var(--panel2)}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.detail-item{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;background:rgba(255,255,255,.035)}.label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin-bottom:4px}.value{font-weight:750;word-break:break-word}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.kpi-card{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--panel2)}.kpi-card .num{font-size:24px;font-weight:900;margin-top:5px}.muted{color:var(--muted);line-height:1.6}.chart-card{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.bars{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:220px 1fr 110px;align-items:center;gap:12px}.bar-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.82)}.bar-track{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7486ff,#d8ddff);transition:width .7s ease}.bar-value{text-align:right;font-size:12px;color:var(--muted)}.upload-box{display:flex;gap:10px;align-items:center;max-width:700px}.upload-box input{background:rgba(255,255,255,.04)}code{background:rgba(255,255,255,.1);padding:2px 5px;border-radius:6px}@media(max-width:900px){.dash-header{flex-direction:column}.search-row,.upload-box{grid-template-columns:1fr;display:grid}.kpi-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:repeat(2,1fr)}.bar-row{grid-template-columns:1fr}.bar-value{text-align:left}}@media(max-width:560px){.login-card{padding:26px}.dashboard{height:auto;min-height:calc(100vh - 20px);margin:10px auto;padding:12px}.kpi-grid,.detail-grid{grid-template-columns:1fr}.timer{font-size:18px}.tabs{display:grid;grid-template-columns:1fr 1fr}.tab{font-size:12px}}