body{color:#e5eefb;background:radial-gradient(circle at top,#f59e0b29,#0000 35%),#050816;margin:0;font-family:system-ui,Noto Sans TC,sans-serif}main{max-width:960px;min-height:100dvh;margin:auto;padding:18px 16px 86px}header{justify-content:space-between;gap:16px;display:flex}header b{color:#f59e0b;letter-spacing:.08em;font-size:12px}h1{margin:.2em 0;font-size:clamp(26px,6vw,44px)}p{color:#94a3b8}.kpis{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.kpi,.panel,.search,.card,.formula{background:#0f172abf;border:1px solid #94a3b833;border-radius:20px}.kpi{gap:4px;padding:14px;display:grid}.kpi svg{color:#f59e0b}.kpi strong{font-size:28px}.search{align-items:center;gap:10px;margin:14px 0;padding:12px 14px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;flex:1}.panel{padding:16px}.cards{gap:10px;display:grid}.card{color:#e5eefb;text-align:left;padding:14px;position:relative}.card b{font-size:18px}.card span,.card small{color:#94a3b8;display:block}.card p{color:#e2e8f0}.card i{border-radius:999px;padding:5px 8px;font-style:normal;font-weight:800;position:absolute;top:12px;right:12px}.critical{background:#ef4444}.high{color:#111;background:#facc15}.medium{color:#111;background:#38bdf8}.normal,.low{background:#334155}.data_issue{background:#7f1d1d}.map{color:#38bdf8;border:1px dashed #38bdf880;border-radius:22px;place-items:center;height:220px;margin-bottom:12px;display:grid}.formula{color:#f59e0b;gap:8px;padding:14px;display:grid}.back{background:#0000008c;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:#0f172a;border-radius:28px 28px 0 0;width:100%;max-width:960px;margin:auto;padding:18px}.actions{grid-template-columns:1fr 1fr auto;gap:8px;display:grid}.actions button{background:#f59e0b;border:0;border-radius:14px;padding:12px;font-weight:900}nav{background:#020617e6;border-top:1px solid #94a3b833;grid-template-columns:repeat(5,1fr);padding:8px;display:grid;position:fixed;bottom:0;left:0;right:0}nav button{color:#94a3b8;background:0 0;border:0;place-items:center;gap:2px;display:grid}nav .on{color:#f59e0b}@media (width>=760px){.kpis{grid-template-columns:repeat(4,1fr)}.cards{grid-template-columns:repeat(2,1fr)}}