:root{--brand:#BFB800;--brand-d:#8f8a00;--bg:#f4f5f0;--card:#fff;--tx:#1f2410;--mut:#6b7160;--bd:#e1e3d6;--side:#2b2e12}:root[data-theme=dark]{--bg:#14160b;--card:#1f2214;--tx:#eef0e0;--mut:#a3a890;--bd:#34381f;--side:#0d0f06}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--tx)}button,input,select{font:inherit}.app{display:flex;min-height:100vh}.side{width:220px;background:var(--side);color:#fff;padding:12px;flex-shrink:0}.side img{width:100%;border-radius:6px;margin-bottom:14px}.side button{display:block;width:100%;text-align:left;background:none;border:0;color:#d8dbc4;padding:10px;border-radius:8px;cursor:pointer}.side button.on,.side button:hover{background:var(--brand);color:#000;font-weight:600}.main{flex:1;min-width:0;display:flex;flex-direction:column}.top{display:flex;gap:10px;align-items:center;padding:10px 18px;background:var(--card);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:5}.top h1{font-size:16px;margin:0;flex:1}.top input{max-width:240px}.content{padding:18px}.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:16px;margin-bottom:16px;overflow-x:auto}.grid{display:grid;gap:14px}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.charts{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.kpi{border-left:6px solid var(--brand);background:var(--card);border-radius:12px;padding:14px;border-top:1px solid var(--bd);border-right:1px solid var(--bd);border-bottom:1px solid var(--bd)}.kpi b{display:block;font-size:26px}.kpi span{color:var(--mut);font-size:13px}input,select{padding:9px;border:1px solid var(--bd);border-radius:8px;background:var(--card);color:var(--tx);width:100%}label{display:block;font-size:13px;color:var(--mut)}.form{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.btn{background:var(--brand);color:#000;border:0;border-radius:8px;padding:9px 16px;font-weight:600;cursor:pointer;width:auto}.btn.sec{background:var(--bd);color:var(--tx)}.btn:disabled{opacity:.5}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:8px;border-bottom:1px solid var(--bd);text-align:left;white-space:nowrap}th{color:var(--mut)}.chip{padding:2px 9px;border-radius:99px;color:#fff;font-size:12px;font-weight:600}.err{color:#dc2626}.ok{color:#16a34a}.dia{display:inline-block;width:34px;height:34px;transform:rotate(45deg) scale(.8);border:2px solid #000;vertical-align:middle;margin:4px 10px}.dia i{display:block;transform:rotate(-45deg);text-align:center;font:700 12px/30px sans-serif;font-style:normal}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:20}.modal>div{background:var(--card);width:min(900px,96vw);height:90vh;border-radius:12px;padding:10px;display:flex;flex-direction:column}.modal iframe{flex:1;border:0}.login{max-width:360px;margin:12vh auto}.login img{width:100%;border-radius:8px}@media (max-width:800px){.app{flex-direction:column}.side{width:100%;display:flex;overflow-x:auto;gap:4px}.side img{display:none}.side button{white-space:nowrap;width:auto}}@media print{.side,.top,.btn{display:none}}