:root{color-scheme:dark;--bg: #0e1117;--bg-card: #161b22;--border: #2a2f3a;--text: #e6e6e6;--text-dim: #9aa4b2;--accent: #4f8cff;--green: #2ecc71;--red: #ff4d4f;--yellow: #e6b800;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.topbar{padding:1rem 1rem 0;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:10}.topbar h1{margin:0 0 .75rem;font-size:1.4rem}.tabs{display:flex;gap:.25rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.tab-btn{background:none;border:none;color:var(--text-dim);padding:.5rem .9rem;border-radius:6px 6px 0 0;cursor:pointer;white-space:nowrap;font-size:.95rem}.tab-btn.active{color:var(--text);background:var(--bg-card);border-bottom:2px solid var(--accent)}#view{padding:1rem;max-width:1100px;margin:0 auto}h2{font-size:1.15rem;margin:1.5rem 0 .25rem}h2:first-child{margin-top:.5rem}.caption{color:var(--text-dim);font-size:.85rem;margin:0 0 .75rem;line-height:1.4}.warning{background:#3a2f00;border:1px solid var(--yellow);color:#ffe58a;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem}.kpi{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem}.kpi .label{color:var(--text-dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.02em}.kpi .value{font-size:1.4rem;font-weight:600;margin-top:.15rem}.kpi .sub{font-size:.8rem;color:var(--text-dim);margin-top:.15rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:1rem}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{text-align:left;padding:.4rem .6rem;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--text-dim);font-weight:500}.table-scroll{overflow-x:auto}.pos{color:var(--green)}.neg{color:var(--red)}input[type=text],input[type=number],select{background:#0b0e14;border:1px solid var(--border);color:var(--text);padding:.5rem .7rem;border-radius:6px;font-size:.9rem}button.action{background:var(--accent);border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem}button.action:hover{opacity:.9}.chips{display:flex;gap:.4rem;flex-wrap:wrap;margin:.5rem 0}.chip{background:#0b0e14;border:1px solid var(--border);border-radius:999px;padding:.3rem .7rem;font-size:.85rem;cursor:pointer}.chip.selected{border-color:var(--accent);color:var(--accent)}.horizontes{display:flex;gap:.3rem;flex-wrap:wrap;margin:.5rem 0 1rem}.checklist-item{display:flex;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--border);align-items:baseline}.checklist-item:last-child{border-bottom:none}.status-ok{color:var(--green)}.status-bad{color:var(--red)}.loading,.error{color:var(--text-dim);padding:2rem 0;text-align:center}.error{color:var(--red)}label.field{display:block;margin-bottom:.75rem;font-size:.85rem;color:var(--text-dim)}label.field input,label.field select{display:block;margin-top:.3rem;width:100%;max-width:320px}@media(max-width:600px){.topbar h1{font-size:1.2rem}table{font-size:.78rem}}
