:root{--bg:#07111f;--card:#0f1d2e;--card2:#13243a;--txt:#e8f0f7;--muted:#91a4b7;--line:#24384d;--pri:#28d7bd;--ok:#34d399;--bad:#fb7185;--warn:#fbbf24}body[data-theme=claro]{--bg:#eef3f8;--card:#fff;--card2:#f6f9fc;--txt:#102033;--muted:#64748b;--line:#dbe5ef}body[data-theme=azul]{--bg:#07162d;--card:#0d2444;--card2:#12315a;--txt:#eef6ff;--muted:#9fc2e8;--line:#204b77;--pri:#55b7ff}body[data-theme=roxo]{--bg:#160d24;--card:#24143a;--card2:#321c4d;--txt:#f8f1ff;--muted:#c4acd8;--line:#51316f;--pri:#c084fc}*{box-sizing:border-box}html{min-height:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--txt);font:14px system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}.shell{max-width:1200px;margin:auto;padding:18px}.top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.tools,.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}h1{margin:2px 0;font-size:26px}h2{font-size:17px;margin:0 0 12px}.muted,small{color:var(--muted)}button,input,select,.btn{font:inherit;font-size:16px;min-height:44px;border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:var(--card2);color:var(--txt)}button,.btn{cursor:pointer}.primary{background:var(--pri);color:#05201c;border:0;font-weight:800}.danger{color:var(--bad)}.card,.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:15px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:13px;margin-top:14px}.s4{grid-column:span 4}.s5{grid-column:span 5}.s6{grid-column:span 6}.s7{grid-column:span 7}.s8{grid-column:span 8}.s12{grid-column:span 12}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.stat b{display:block;font-size:21px;margin-top:5px}.green{color:var(--ok)}.red{color:var(--bad)}.yellow{color:var(--warn)}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.wide{grid-column:1/-1}.nav{display:flex;gap:7px;overflow:auto;margin:14px 0;scrollbar-width:none}.nav a{text-decoration:none;color:var(--txt);background:var(--card2);border:1px solid var(--line);padding:10px 12px;border-radius:11px;white-space:nowrap}.nav a.active{background:var(--pri);color:#05201c;font-weight:800}.list{overflow:auto;-webkit-overflow-scrolling:touch}.item{display:flex;justify-content:space-between;gap:10px;padding:12px 4px;border-bottom:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:9px;border-bottom:1px solid var(--line);white-space:nowrap}.bar{height:8px;background:var(--card2);border-radius:8px;overflow:hidden;margin-top:7px}.bar i{display:block;height:100%;background:var(--pri)}.modal{position:fixed;inset:0;background:#000d;display:none;place-items:center;z-index:100}.modal.show{display:grid}.modalbox{width:min(440px,92vw);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}.msg{padding:10px;border-radius:10px;margin:10px 0}.error{background:#4a1420;color:#fecdd3}.ok{background:#0d3b31;color:#bbf7d0}.desktop-table{display:block}.mobile-cards{display:none}.bottom-more{display:none}
@media(max-width:800px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.shell{padding:12px}.tools{display:grid;grid-template-columns:1fr 1fr;width:100%}.tools>*{width:100%}.stats{grid-template-columns:1fr 1fr}.grid{display:block}.grid>.card{margin-bottom:12px}.form{grid-template-columns:1fr}.nav{position:fixed;left:0;right:0;bottom:0;z-index:50;margin:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line);justify-content:space-around}.nav a{border:0;background:transparent;min-width:62px;text-align:center;padding:8px 5px;font-size:11px}.nav a:nth-child(n+5){display:none}.nav a.active{border-radius:10px}.bottom-more{display:inline-flex!important}.desktop-table{display:none}.mobile-cards{display:block}.mobile-card{background:var(--card2);border:1px solid var(--line);border-radius:13px;padding:12px;margin:9px 0}.mobile-card .value{font-size:18px;font-weight:800}.mobile-card .meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;color:var(--muted)}.s4,.s5,.s6,.s7,.s8,.s12{grid-column:auto}canvas{height:190px!important;max-width:100%}}
@media(max-width:380px){.stats{grid-template-columns:1fr}.tools{grid-template-columns:1fr}}