*,:before,:after{box-sizing:border-box}html,body{color:#111827;background:#f0f2f5;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}.portal-shell{width:100%;height:100vh;font-family:DM Sans,sans-serif;display:flex;overflow:hidden}.portal-main{background:#f0f2f5;flex:1;overflow-y:auto}.sb-desktop{background:#0f1923;flex-direction:column;flex-shrink:0;width:210px;min-height:100vh;display:flex}.sb-mobile-bar{display:none}.sb-overlay{z-index:200;opacity:0;pointer-events:none;background:#00000080;transition:opacity .2s;display:none;position:fixed;inset:0}.sb-overlay.open{opacity:1;pointer-events:all}.sb-drawer{z-index:300;background:#0f1923;flex-direction:column;width:260px;transition:transform .25s;display:none;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sb-drawer.open{transform:translate(0)}.sb-close{display:none!important}.dash-wrap{padding:1.5rem}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:1.5rem;display:grid}.kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px}.kpi-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:10px;font-weight:700}.kpi-value{font-family:DM Mono,monospace;font-size:28px;font-weight:600}.tabla-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.tabla-head{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.tabla-scroll{max-height:420px;overflow:auto}.tabla-scroll table{border-collapse:collapse;width:100%}.tabla-scroll thead th{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;text-align:left;white-space:nowrap;z-index:1;background:#fafafa;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-size:10px;font-weight:700;position:sticky;top:0}.tabla-scroll thead th.right{text-align:right}.tabla-scroll thead th.center{text-align:center}.tabla-scroll tbody td{color:#111827;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:11px 12px;font-size:12px}.tabla-scroll tbody td.mono{text-align:right;font-family:DM Mono,monospace}.tabla-scroll tbody td.center{text-align:center}.tabla-scroll tbody td.muted{color:#6b7280;white-space:nowrap;font-size:11px}.tabla-scroll tfoot td{background:#f9fafb;border-top:2px solid #e5e7eb;padding:10px 12px;font-size:12px;font-weight:700}.tabla-scroll tfoot td.mono{text-align:right;font-family:DM Mono,monospace}.estado-badge{white-space:nowrap;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:700}.cards-mobile{display:none}.card-contrato{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:8px;padding:14px}.card-row{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.card-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px;font-size:10px;font-weight:600}.card-val{color:#111827;font-size:12px;font-weight:500}.card-val.mono{font-family:DM Mono,monospace}.card-total{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;margin-top:4px;padding:12px 14px;display:flex}@media (max-width:900px){.portal-shell{height:auto;display:block;overflow:visible}.portal-main{height:auto;overflow:visible}.sb-desktop{display:none!important}.sb-mobile-bar{z-index:100;background:#0f1923;justify-content:space-between;align-items:center;height:52px;padding:0 1rem;display:flex;position:sticky;top:0}.sb-mobile-brand{align-items:center;gap:8px;display:flex}.sb-mobile-brand span{color:#fff;letter-spacing:1px;font-size:13px;font-weight:700}.sb-hamburger{color:#ffffffb3;cursor:pointer;background:0 0;border:none;padding:4px;font-size:22px;line-height:1}.sb-overlay{display:block}.sb-drawer{display:flex}.sb-close{display:block!important}.dash-wrap{padding:1rem}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kpi-value{font-size:22px}.tabla-scroll table{display:none}.cards-mobile{padding:12px;display:block}}