:root{font-family:Inter,system-ui,sans-serif;color:#102a4c;background:#f3f7fa}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:260px 1fr;min-height:100vh}aside{background:#082d56;color:#fff;padding:28px 20px;display:flex;flex-direction:column}.brand{display:grid;font-size:20px;margin-bottom:32px}.brand small{font-size:12px;color:#bad0e3;margin-top:4px}nav{display:grid;gap:7px}nav button{background:transparent;border:0;color:#dce8f4;text-align:left;padding:13px;border-radius:8px}nav button.active,nav button:hover{background:#14549a}aside>small{margin-top:auto;opacity:.7}main{padding:30px 4vw}header{display:flex;justify-content:space-between;align-items:center}h1{margin:0;font-size:30px}header p{color:#60758c}button{background:#0866cc;color:#fff;border:0;border-radius:7px;padding:11px 16px;font-weight:650}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:25px 0}.kpis article,.panel{background:#fff;border:1px solid #dbe5ed;border-radius:12px;padding:22px}.kpis span{display:block;color:#60758c;margin-bottom:12px}.kpis strong{font-size:26px}.ok{color:#0a9c68}.badge{background:#dcf7e9;color:#087d55;padding:6px 10px;border-radius:20px}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{text-align:left;padding:14px;border-bottom:1px solid #e2e8ee}@media(max-width:800px){body{display:block}.kpis{grid-template-columns:1fr 1fr}aside>small{margin-top:20px}}.sync-state,.communication-ok{display:grid;gap:4px;min-width:180px}.sync-state small,.communication-ok small{white-space:normal;line-height:1.35}.sync-state{padding:9px 11px;border-radius:9px}.sync-state.success,.communication-ok{color:#087d55;background:#e7f8ef;padding:9px 11px;border-radius:9px}.sync-state.failure{color:#a51f31;background:#fdebee}.sync-state.pending{color:#6d5b19;background:#fff5ce}.client-actions{min-width:190px}.table-scroll{overflow:auto}