*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--genesis-dark: #1E3A5F;--genesis-mid: #4E86B4;--genesis-light: #9CD5FF;--genesis-cream: #F7F8F0;--bg: #F1F5F9;--surface: #FFFFFF;--surface-2: #EBF4FC;--border: rgba(30, 58, 95, .13);--border-2: rgba(30, 58, 95, .22);--text: #1E3A5F;--text-muted: #4A6B8A;--text-dim: #3A5A7A;--green: #16a34a;--green-dim: rgba(22, 163, 74, .09);--green-border: rgba(22, 163, 74, .28);--yellow: #CC8548;--yellow-dim: rgba(204, 133, 72, .09);--yellow-border: rgba(204, 133, 72, .28);--red: #dc2626;--red-dim: rgba(220, 38, 38, .09);--red-border: rgba(220, 38, 38, .28);--blue: #1E3A5F;--blue-dim: rgba(30, 58, 95, .09);--blue-border: rgba(30, 58, 95, .28);--header-h: 50px;--tabrow-h: 38px}html,body,#root{height:100%;overflow:hidden}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:16px;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.app-body{display:flex;flex:1;min-height:0;overflow:hidden}.sidebar{width:170px;background:var(--genesis-dark);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;border-right:1px solid rgba(255,255,255,.08);z-index:10}.sidebar::-webkit-scrollbar{display:none}.sidebar-item{display:flex;align-items:center;gap:9px;padding:11px 14px;background:transparent;border:none;border-left:3px solid transparent;color:#ffffff8c;font-size:14px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .15s;text-align:left;white-space:nowrap;flex-shrink:0}.sidebar-item:hover{color:#fff;background:#ffffff12;border-left-color:#9cd5ff66}.sidebar-item.active{color:#fff;background:#ffffff21;border-left-color:var(--genesis-light);font-weight:700}.sidebar-icon{flex-shrink:0}.sidebar-label{overflow:hidden;text-overflow:ellipsis}.header{display:flex;align-items:center;justify-content:space-between;padding:0 18px;height:var(--header-h);background:var(--genesis-dark);border-bottom:3px solid var(--genesis-mid);flex-shrink:0;gap:12px;box-shadow:0 2px 12px #35587259;z-index:20}.header-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0}.brand-logo{height:32px;width:auto;object-fit:contain;filter:brightness(0) invert(1);flex-shrink:0}.brand-name{font-size:14px;font-weight:700;letter-spacing:2px;color:#fff;white-space:nowrap}.brand-sub{font-size:11px;color:var(--genesis-light);letter-spacing:.5px;margin-top:1px}.header-filters{display:flex;align-items:center;gap:6px;flex:1;justify-content:center;min-width:0}.filter-group{display:flex;align-items:center;gap:5px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:0 8px}.filter-icon{color:var(--genesis-light);flex-shrink:0}.filter-select{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:5px 8px;color:#fff;font-size:13px;font-family:inherit;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-select option{background:var(--genesis-dark);color:#fff}.filter-select:focus{border-color:var(--genesis-light)}.header-status{display:flex;align-items:center;gap:8px;flex-shrink:0}.update-time{font-size:12px;color:var(--genesis-light);white-space:nowrap}.refresh-btn{display:flex;align-items:center;gap:5px;background:#ffffff1f;color:#e0eefd;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:5px 10px;font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s;white-space:nowrap}.refresh-btn:hover{background:#ffffff38}.icon-btn{background:#ffffff1a;color:#e0eefd;border:1px solid rgba(255,255,255,.2);border-radius:6px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.icon-btn:hover{background:#dc262640;border-color:#dc262680;color:#fca5a5}.tab-row{display:flex;align-items:center;background:var(--surface);border-bottom:2px solid var(--border);padding:0 14px;gap:2px;height:var(--tabrow-h);flex-shrink:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;box-shadow:0 1px 4px #3558720f;z-index:10}.tab-row::-webkit-scrollbar{display:none}.tab-pill{background:transparent;color:var(--text-muted);border:1px solid transparent;border-radius:5px;padding:4px 12px;font-size:11px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.tab-pill:hover{color:var(--genesis-dark);background:var(--surface-2);border-color:var(--border)}.tab-pill.active{background:var(--genesis-dark);border-color:var(--genesis-dark);color:#fff;font-weight:700}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.overview-wrap{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.overview-pages{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 0;flex-shrink:0;background:var(--bg);border-top:1px solid var(--border)}.page-dot{position:relative;width:40px;height:6px;border-radius:3px;background:var(--border-2);border:none;cursor:pointer;transition:all .2s;overflow:hidden}.page-dot.active{background:#35587233}.page-dot-progress{position:absolute;left:0;top:0;bottom:0;background:var(--genesis-mid);border-radius:3px;transition:width .1s linear}.page-dot:hover:not(.active){background:#9cd5ff4d}.modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 20px;flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg);min-height:0;align-content:start;max-width:1400px;width:100%;margin:0 auto;box-sizing:border-box}.modules-grid>.module{border-radius:10px;box-shadow:0 1px 8px #3558721a;overflow:hidden}.modules-grid.single{grid-template-columns:1fr;grid-template-rows:1fr;padding:14px 20px;overflow:hidden;flex:1;min-height:0;max-width:1400px;width:100%;margin:0 auto}.modules-grid.single>.module{border-radius:12px;box-shadow:0 2px 14px #3558721f;overflow:hidden;min-height:0}.modules-grid.single .module-body{overflow-y:auto;max-height:none}.module-wide-body{display:grid;grid-template-columns:380px 1fr;flex:1;min-height:0}.module-wide-left{border-right:1px solid var(--border);display:flex;flex-direction:column;padding-bottom:12px;overflow-y:auto}.module-wide-right{display:flex;flex-direction:column;padding-bottom:12px;overflow-y:auto}.module-wide-right .section-title{padding-top:12px}.module-wide-right .kpi-row{grid-template-columns:repeat(3,1fr)}.module-wide-right .kpi-value{font-size:16px}.module-wide-right .kpi-label{font-size:10px}@media (max-width: 900px){.module-wide-body{grid-template-columns:1fr}.module-wide-left{border-right:none;border-bottom:1px solid var(--border)}}.modules-grid.full{grid-template-columns:1fr;padding:14px 20px;overflow-y:auto;flex:1;min-height:0;align-content:start;background:var(--bg);max-width:1400px;width:100%;margin:0 auto}.modules-grid.full>.module{border-radius:12px;box-shadow:0 2px 14px #3558721f;overflow:visible}.modules-grid.full .module-body{overflow-y:visible;max-height:none}.modules-grid.two-col{grid-template-columns:1fr 1fr;gap:12px;padding:14px 18px;overflow-y:auto;flex:1;min-height:0;align-content:start;background:var(--bg);max-width:1600px;width:100%;margin:0 auto}.modules-grid.two-col>.module{border-radius:12px;box-shadow:0 2px 14px #3558721f;overflow:visible}.modules-grid.two-col .module-body{overflow-y:visible;max-height:none}.module{background:var(--surface);display:flex;flex-direction:column}.module-body{flex:1;overflow-y:auto;padding-bottom:10px}.module-body::-webkit-scrollbar{width:3px}.module-body::-webkit-scrollbar-track{background:transparent}.module-body::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}.module-header{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:14px;font-weight:700;letter-spacing:.8px;color:var(--text-dim);text-transform:uppercase;flex-shrink:0;background:var(--surface)}.module-header.green{border-top:4px solid var(--green);color:var(--green)}.module-header.blue{border-top:4px solid var(--genesis-mid);color:var(--genesis-dark)}.module-header.red{border-top:4px solid var(--red);color:var(--red)}.module-header.yellow{border-top:4px solid var(--yellow);color:var(--yellow)}.module-header.genesis{border-top:4px solid var(--genesis-mid);color:var(--genesis-dark)}.module-header.genesis-fact{border-top:4px solid var(--genesis-dark);color:var(--genesis-dark)}.module-header.genesis-cancel{border-top:4px solid #dc2626;color:#dc2626}.module-header.genesis-esperadas{border-top:4px solid var(--genesis-light);color:var(--genesis-dark)}.module-header.genesis-cartera,.module-header.genesis-endosos{border-top:4px solid var(--genesis-mid);color:var(--genesis-dark)}.module-header.genesis-comp{border-top:4px solid #7c3aed;color:#7c3aed}.module-header.genesis-cia{border-top:4px solid var(--genesis-dark);color:var(--genesis-dark)}.stats-summary{display:flex;gap:8px;padding:8px 12px 5px;flex-wrap:wrap}.stat-pill{flex:1;min-width:100px;background:#1e3a5f0f;border:1px solid rgba(30,58,95,.12);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;transition:transform .15s ease,box-shadow .15s ease}.stat-pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f1f}.stat-pill-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.stat-pill-value{font-size:24px;font-weight:900;color:var(--genesis-dark);letter-spacing:-.5px}.stat-pill-sub{font-size:11px;color:var(--text-muted)}.stat-pill.up{background:#2a7a50;border:1px solid transparent;box-shadow:0 2px 8px #2a7a504d}.stat-pill.up .stat-pill-label{color:#ffffffd1}.stat-pill.up .stat-pill-value{color:#fff}.stat-pill.up .stat-pill-sub{color:#ffffffa6}.stat-pill.down{background:#b03030;border:1px solid transparent;box-shadow:0 2px 8px #b030304d}.stat-pill.down .stat-pill-label{color:#ffffffd1}.stat-pill.down .stat-pill-value{color:#fff}.stat-pill.down .stat-pill-sub{color:#ffffffa6}.stat-pill.info{background:#4e86b4;border:1px solid transparent;box-shadow:0 2px 8px #4e86b44d}.stat-pill.info .stat-pill-label{color:#ffffffd1}.stat-pill.info .stat-pill-value{color:#fff}.stat-pill.info .stat-pill-sub{color:#ffffffa6}.section-title{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;padding:10px 14px 5px}.divider{height:1px;background:#1e3a5f1a;margin:6px 0}.gauge-wrap{padding:4px 10px 0;flex-shrink:0}.kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:6px 14px}.kpi-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;box-shadow:0 1px 4px #3558720f;transition:transform .15s ease,box-shadow .15s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3558721f}.kpi-label{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase;white-space:normal;overflow:hidden;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kpi-value{font-size:22px;font-weight:900;color:var(--text);letter-spacing:-.3px}.kpi-card.success{border:none;background:#2a7a50;box-shadow:0 2px 10px #2a7a5052}.kpi-card.warning{border:none;background:#cc8548;box-shadow:0 2px 10px #cc854852}.kpi-card.danger{border:none;background:#b03030;box-shadow:0 2px 10px #b0303052}.kpi-card.info{border:none;background:#4e86b4;box-shadow:0 2px 10px #4e86b452}.kpi-card.success .kpi-value,.kpi-card.warning .kpi-value,.kpi-card.danger .kpi-value,.kpi-card.info .kpi-value{color:#fff}.kpi-card.success .kpi-label,.kpi-card.warning .kpi-label,.kpi-card.danger .kpi-label,.kpi-card.info .kpi-label{color:#ffffffd1}.hero-kpi-row{display:flex;gap:10px;padding:12px 14px 6px;flex-wrap:wrap}.hero-kpi{flex:1;min-width:120px;background:var(--genesis-dark);border-radius:14px;padding:14px 18px;color:#fff;box-shadow:0 2px 10px #1e3a5f38;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.hero-kpi:hover{transform:translateY(-3px);box-shadow:0 10px 28px #1e3a5f47}.hero-kpi:after{content:"";position:absolute;right:-20px;bottom:-20px;width:90px;height:90px;border-radius:50%;background:#ffffff14;pointer-events:none}.hero-kpi-label{font-size:11px;font-weight:700;color:#ffffffc7;text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px}.hero-kpi-value{font-size:30px;font-weight:900;color:#fff;letter-spacing:-.8px;line-height:1;word-break:break-all}.hero-kpi-value.cancel{color:#fca5a5}.hero-kpi-sub{font-size:12px;color:#ffffffa6;margin-top:5px}.hero-kpi.mid{background:var(--genesis-mid)}.hero-kpi.orange{background:#cc8548}.hero-kpi.light{background:#4a87b8}.hero-kpi.light-border{background:#fff;border-left:6px solid #CC8548;border-top:1px solid rgba(30,58,95,.06);border-right:1px solid rgba(30,58,95,.06);border-bottom:1px solid rgba(30,58,95,.06);box-shadow:0 1px 6px #1e3a5f14;color:var(--text)}.hero-kpi.light-border:after{display:none}.hero-kpi.light-border .hero-kpi-label{color:#cc8548}.hero-kpi.light-border .hero-kpi-value{color:var(--text);font-size:26px}.hero-kpi.light-border .hero-kpi-sub{color:var(--text-muted)}.modules-grid.single .hero-kpi-value,.modules-grid.full .hero-kpi-value{font-size:36px;letter-spacing:-1px}.modules-grid.single .hero-kpi.light-border .hero-kpi-value,.modules-grid.full .hero-kpi.light-border .hero-kpi-value{font-size:30px}.pct-row{display:flex;align-items:center;gap:4px;padding:8px 12px 3px;flex-wrap:wrap;flex-shrink:0}.pct-label{font-size:10px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-right:4px}.pct-btn{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);border-radius:5px;padding:3px 7px;font-size:11px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .15s}.pct-btn:hover{border-color:var(--genesis-mid);color:var(--genesis-dark)}.pct-btn.active{background:var(--blue-dim);border-color:var(--blue-border);color:var(--genesis-dark);font-weight:700}.meta-row{display:flex;align-items:center;gap:8px;padding:8px 12px 3px;flex-shrink:0}.meta-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.meta-input{flex:1;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:6px 10px;font-size:13px;font-family:inherit;font-weight:600;outline:none;min-width:0}.meta-input:focus{border-color:var(--genesis-mid);box-shadow:0 0 0 3px #7aaace33}.count-row{display:flex;gap:8px;padding:8px 12px}.count-row .count-card{flex:1;border-radius:14px;padding:12px 8px;text-align:center;background:var(--surface-2);border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease}.count-row .count-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #1e3a5f26}.count-row .count-card .count-icon{display:block;margin:0 auto 5px;color:var(--text-muted)}.count-row .count-card .count-value{font-size:30px;font-weight:900;line-height:1;color:var(--text);letter-spacing:-.5px}.count-row .count-card .count-label{font-size:11px;color:var(--text-muted);margin-top:5px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.count-row .count-card.success{border-color:transparent;background:#2a7a50;box-shadow:0 2px 10px #2a7a5052}.count-row .count-card.success .count-value{color:#fff}.count-row .count-card.success .count-icon{color:#ffffffd1}.count-row .count-card.success .count-label{color:#ffffffc7}.count-row .count-card.warning{border-color:transparent;background:#cc8548;box-shadow:0 2px 10px #cc854852}.count-row .count-card.warning .count-value{color:#fff}.count-row .count-card.warning .count-icon{color:#ffffffd1}.count-row .count-card.warning .count-label{color:#ffffffc7}.count-row .count-card.danger{border-color:transparent;background:#b03030;box-shadow:0 2px 10px #b0303052}.count-row .count-card.danger .count-value{color:#fff}.count-row .count-card.danger .count-icon{color:#ffffffd1}.count-row .count-card.danger .count-label{color:#ffffffc7}.count-row .count-card.info{border-color:transparent;background:#4e86b4;box-shadow:0 2px 10px #4e86b452}.count-row .count-card.info .count-value{color:#fff}.count-row .count-card.info .count-icon{color:#ffffffd1}.count-row .count-card.info .count-label{color:#ffffffc7}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px 4px}.stat-card{border-radius:14px;padding:12px 8px 10px;text-align:center;background:var(--surface-2);border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #1e3a5f24}.stat-icon{display:block;margin:0 auto 5px;color:var(--text-muted)}.stat-value{font-size:32px;font-weight:900;line-height:1;color:var(--text);letter-spacing:-.5px}.stat-label{font-size:11px;color:var(--text-muted);margin-top:5px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-card.success{border-color:transparent;background:#2a7a50;box-shadow:0 2px 10px #2a7a5052}.stat-card.success .stat-value{color:#fff}.stat-card.success .stat-icon{color:#ffffffd1}.stat-card.success .stat-label{color:#ffffffc7}.stat-card.warning{border-color:transparent;background:#cc8548;box-shadow:0 2px 10px #cc854852}.stat-card.warning .stat-value{color:#fff}.stat-card.warning .stat-icon{color:#ffffffd1}.stat-card.warning .stat-label{color:#ffffffc7}.stat-card.danger{border-color:transparent;background:#b03030;box-shadow:0 2px 10px #b0303052}.stat-card.danger .stat-value{color:#fff}.stat-card.danger .stat-icon{color:#ffffffd1}.stat-card.danger .stat-label{color:#ffffffc7}.stat-card.info{border-color:transparent;background:#4e86b4;box-shadow:0 2px 10px #4e86b452}.stat-card.info .stat-value{color:#fff}.stat-card.info .stat-icon{color:#ffffffd1}.stat-card.info .stat-label{color:#ffffffc7}.mora-bar-row{display:flex;align-items:center;gap:8px;padding:4px 14px;margin-bottom:2px}.mora-bar-label{font-size:13px;color:var(--text-muted);width:60px;flex-shrink:0;white-space:nowrap;font-weight:600}.mora-bar-label.suc{width:100px;overflow:hidden;text-overflow:ellipsis}.mora-bar-track{flex:1;height:10px;background:#1e3a5f1a;border-radius:5px;overflow:hidden}.mora-bar-fill{height:100%;border-radius:5px;background:var(--red);transition:width .6s ease}.mora-bar-fill.warning{background:var(--yellow)}.mora-bar-fill.success{background:var(--green)}.mora-bar-fill.info{background:var(--genesis-mid)}.mora-bar-fill.danger{background:var(--red)}.mora-bar-fill.genesis{background:var(--genesis-dark)}.mora-bar-fill.cancel{background:#dc2626}.mora-bar-val{font-size:13px;color:var(--text-dim);min-width:76px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:700}.chart-wrap{padding:2px 14px 6px;overflow:visible;width:100%;background:#fff;border-radius:14px;border:1px solid rgba(30,58,95,.06);box-shadow:0 1px 6px #1e3a5f12;margin:0 14px 8px;width:calc(100% - 28px);box-sizing:border-box}.chart-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;padding:10px 14px 2px}.spinner-wrap{display:flex;align-items:center;justify-content:center;padding:40px 0}.spinner{width:24px;height:24px;border:2px solid var(--border-2);border-top-color:var(--genesis-mid);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{display:flex;align-items:flex-start;justify-content:center;padding:20px 14px;color:var(--red);font-size:11px;text-align:center;opacity:.85;flex-direction:column;gap:4px}.init-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:10px 0;flex-shrink:0}.sidebar-footer-item{display:flex;align-items:center;gap:9px;padding:10px 14px;background:transparent;border:none;border-left:3px solid transparent;color:#ffffff8c;font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .15s;text-align:left;white-space:nowrap;width:100%}.sidebar-footer-item:hover{color:#fff;background:#ffffff12;border-left-color:#9cd5ff66}.sidebar-footer-item.active{color:var(--genesis-light)}.sidebar-profile{display:flex;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08);color:#ffffffb3}.profile-avatar{width:32px;height:32px;border-radius:50%;background:var(--genesis-mid);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.profile-name{font-size:12px;font-weight:600;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-role{font-size:11px;color:var(--genesis-light)}.notif-badge{background:var(--red);color:#fff;font-size:10px;font-weight:700;border-radius:10px;padding:1px 6px;margin-left:auto;flex-shrink:0}.sidebar-search{padding:8px 10px;flex-shrink:0}.sidebar-search-input{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:7px;padding:6px 10px;color:#fff;font-size:12px;font-family:inherit;outline:none}.sidebar-search-input::placeholder{color:#fff6}.sidebar-search-input:focus{border-color:#9cd5ff80;background:#ffffff26}.notif-panel{position:absolute;left:170px;bottom:60px;width:280px;background:var(--surface);border:1px solid var(--border-2);border-radius:12px;box-shadow:0 8px 30px #00000026;z-index:200;overflow:hidden}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--text)}.notif-item{padding:10px 14px;border-bottom:1px solid var(--border);font-size:12px;color:var(--text)}.notif-item:last-child{border-bottom:none}.notif-item-title{font-weight:600;margin-bottom:2px}.notif-item-time{font-size:11px;color:var(--text-muted)}.vendor-list{padding:4px 14px}.vendor-row{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;border-radius:4px}.vendor-row:last-child{border-bottom:none}.vendor-row:hover{background:var(--surface-2)}.vendor-rank{font-size:11px;font-weight:700;color:var(--text-muted);width:20px;flex-shrink:0;text-align:center}.vendor-name{flex:1;font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendor-value{font-size:13px;font-weight:700;color:var(--genesis-dark);flex-shrink:0}.vendor-bar-track{width:60px;height:6px;background:var(--border-2);border-radius:3px;overflow:hidden;flex-shrink:0}.vendor-bar-fill{height:100%;border-radius:3px;background:var(--genesis-mid);transition:width .4s ease}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a4a62,#355872,#4a7a9b)}.login-card{width:380px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:40px 36px;display:flex;flex-direction:column;align-items:center;box-shadow:0 24px 60px #00000040}.login-logo{margin-bottom:18px;text-align:center}.login-logo img{height:52px;width:auto;object-fit:contain}.login-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:4px;text-align:center}.login-sub{font-size:12px;color:var(--text-muted);margin-bottom:26px;text-align:center}.login-form{width:100%;display:flex;flex-direction:column;gap:13px}.login-field{display:flex;flex-direction:column;gap:5px}.login-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.login-input{width:100%;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:var(--genesis-mid);box-shadow:0 0 0 3px #7aaace33}.login-pw-wrap{position:relative}.login-pw-wrap .login-input{padding-right:40px}.login-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center}.login-eye:hover{color:var(--genesis-dark)}.login-error{font-size:12px;color:var(--red);background:var(--red-dim);border:1px solid var(--red-border);border-radius:7px;padding:8px 12px;text-align:center}.login-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--genesis-dark);color:#fff;border:none;border-radius:8px;padding:11px;font-size:14px;font-family:inherit;font-weight:700;cursor:pointer;margin-top:4px;transition:opacity .15s,transform .1s;letter-spacing:.5px}.login-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f1e2d8c;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{background:var(--surface);border-radius:14px;box-shadow:0 20px 60px #0000004d;width:min(680px,94vw);max-height:82vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.modal-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--genesis-dark)}.modal-close{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:4px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;transition:all .15s}.modal-close:hover{background:var(--red-dim);border-color:var(--red-border);color:var(--red)}.modal-body{flex:1;overflow-y:auto;padding:12px 18px 16px}.drill-table{width:100%;border-collapse:collapse;font-size:12px}.drill-table th{text-align:left;padding:6px 8px;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;border-bottom:2px solid var(--border)}.drill-table th.num{text-align:right}.drill-table th.bar-col{width:120px}.drill-table td{padding:7px 8px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.drill-table tbody tr:last-child td{border-bottom:none}.drill-table tbody tr:hover td{background:var(--surface-2)}.drill-table td.num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.drill-table td.label-cell{font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drill-bar-track{height:8px;background:var(--border-2);border-radius:4px;overflow:hidden}.drill-bar-fill{height:100%;border-radius:4px;background:var(--genesis-mid);transition:width .4s ease}.mora-bar-row.clickable{cursor:pointer;border-radius:5px;transition:background .12s}.mora-bar-row.clickable:hover{background:var(--surface-2)}@media (min-width: 1600px){.modules-grid{gap:16px;padding:18px 24px;max-width:1500px}.hero-kpi-value,.stat-value{font-size:34px}}@media (max-width: 1199px){.modules-grid{grid-template-columns:repeat(2,1fr)}.modules-grid.two-col{grid-template-columns:1fr}.brand-name{font-size:11px}.sidebar{width:140px}.sidebar-label{font-size:11px}}@media (max-width: 900px){.modules-grid.single .stat-grid{grid-template-columns:repeat(3,1fr)}.modules-grid.single .kpi-row{grid-template-columns:repeat(2,1fr)}.modules-grid.full{padding:10px 12px}.brand-name{display:none}.sidebar{width:46px}.sidebar-label{display:none}.sidebar-item{padding:12px;justify-content:center}.sidebar-search{display:none}.sidebar-footer-item{padding:12px;justify-content:center}.sidebar-footer-item .sidebar-label,.sidebar-footer-item .notif-badge,.profile-name,.profile-role{display:none}.sidebar-profile{justify-content:center;padding:10px}.notif-panel{left:46px}}@media (max-width: 640px){:root{--header-h: 56px}.header{padding:0 10px;gap:7px}.brand-sub{display:none}.app-body{flex-direction:column}.sidebar{width:100%;height:auto;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:4px 0;flex-wrap:nowrap}.sidebar-item{padding:10px 12px;justify-content:center;flex-direction:column;min-width:64px;flex-shrink:0;border-left:none;border-bottom:3px solid transparent}.sidebar-item.active{border-bottom-color:var(--genesis-light);border-left-color:transparent}.sidebar-label{font-size:10px;margin-top:2px;display:block!important}.sidebar-footer,.sidebar-search{display:none}.modules-grid{grid-template-columns:1fr;padding:8px;gap:8px;max-width:100%}.modules-grid.single{padding:8px}.modules-grid.full{padding:8px 10px}.update-time{display:none}.hero-kpi-value,.stat-value{font-size:22px}.module-wide-body{grid-template-columns:1fr}.cobros-ref-layout{grid-template-columns:1fr!important}.cobros-ref-sidebar{flex-direction:row;flex-wrap:wrap}.cobros-branch-card{width:calc(50% - 5px)}}.cobros-ref-layout{display:grid;grid-template-columns:215px 1fr 215px;gap:12px;padding:14px;flex:1;min-height:0;background:var(--bg);overflow-y:auto}.cobros-ref-sidebar{display:flex;flex-direction:column;gap:10px}.cobros-ref-center{display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0}.cobros-branch-card{border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #1e3a5f24;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;flex-shrink:0}.cobros-branch-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #1e3a5f38}.cobros-branch-top{background:#4e86b4;padding:13px 15px;color:#fff}.cobros-branch-bottom{background:#cc8548;padding:11px 15px;color:#fff}.cobros-branch-name{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.82;margin-bottom:3px}.cobros-branch-value{font-size:21px;font-weight:900;letter-spacing:-.5px;line-height:1.1}.cobros-branch-sub{font-size:10px;opacity:.7;margin-top:2px}.cobros-chart-card{background:#fff;border-radius:14px;padding:14px 16px 6px;box-shadow:0 1px 6px #1e3a5f14;border:1px solid rgba(30,58,95,.06);flex-shrink:0}.cobros-chart-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.cobros-chart-card-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.cobros-chart-card-hint{font-size:9px;color:var(--text-muted);font-style:italic}.cobros-hero-card{border-radius:14px;padding:16px 20px;box-shadow:0 2px 10px #1e3a5f21;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;flex-shrink:0}.cobros-hero-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #1e3a5f38}.cobros-hero-card.blue{background:#4e86b4}.cobros-hero-card.orange{background:#cc8548}.cobros-hero-card.navy{background:var(--genesis-dark)}.cobros-hero-card.light{background:#fff;border-top:1px solid rgba(30,58,95,.06);border-right:1px solid rgba(30,58,95,.06);border-bottom:1px solid rgba(30,58,95,.06);border-left:6px solid #CC8548;box-shadow:0 1px 6px #1e3a5f14}.cobros-hero-card-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.cobros-hero-card.blue .cobros-hero-card-label,.cobros-hero-card.orange .cobros-hero-card-label{color:#ffffffd1}.cobros-hero-card.navy .cobros-hero-card-label{color:#ffffffa6}.cobros-hero-card.light .cobros-hero-card-label{color:#cc8548}.cobros-hero-card-value{font-size:38px;font-weight:900;letter-spacing:-1px;line-height:1}.cobros-hero-card.blue .cobros-hero-card-value,.cobros-hero-card.orange .cobros-hero-card-value,.cobros-hero-card.navy .cobros-hero-card-value{color:#fff}.cobros-hero-card.light .cobros-hero-card-value{color:var(--text);font-size:32px}.cobros-hero-card-sub{font-size:11px;margin-top:5px}.cobros-hero-card.blue .cobros-hero-card-sub,.cobros-hero-card.orange .cobros-hero-card-sub,.cobros-hero-card.navy .cobros-hero-card-sub{color:#ffffffa6}.cobros-hero-card.light .cobros-hero-card-sub{color:var(--text-muted)}.cobros-hero-deco{position:absolute;right:-18px;bottom:-18px;width:90px;height:90px;border-radius:50%;background:#ffffff1a;pointer-events:none}.cobros-meta-row{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}.cobros-meta-badge{background:#ffffff38;border-radius:20px;padding:2px 12px;font-size:16px;font-weight:700;color:#fff}.cobros-progress-track{width:100%;background:#fff3;height:10px;border-radius:5px;overflow:hidden;margin:8px 0 4px}.cobros-progress-fill{height:100%;border-radius:5px;background:#cc8548;transition:width .6s ease}@media (max-width: 900px){.cobros-ref-layout{grid-template-columns:1fr}.cobros-ref-sidebar{flex-direction:row;flex-wrap:wrap}.cobros-branch-card{width:calc(50% - 5px)}}