:root{--navy:#1a3a5c;--blue:#2563eb;--lblue:#dbeafe;--teal:#0d9488;--lteal:#ccfbf1;--orange:#ea580c;--green:#16a34a;--lgreen:#dcfce7;--red:#dc2626;--lred:#fee2e2;--yellow:#ca8a04;--lyellow:#fef9c3;--gray:#6b7280;--white:#fff;--black:#111827;--purple:#7c3aed;--lpurple:#ede9fe;--pink:#db2777;--indigo:#4338ca;--cyan:#0891b2}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-image:url(/assets/backgroundImage-JG9ccJ6W.png);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:#0a1223e0;position:fixed;inset:0}body>*{z-index:1;position:relative}#loginScreen{z-index:9999;background:linear-gradient(160deg,#071628,#0a1e38);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-box{text-align:center;background:linear-gradient(160deg,#0d2240,#0a1826);border:1px solid #1e3a5f;border-radius:20px;width:420px;max-width:95vw;padding:48px 40px;box-shadow:0 32px 80px #000c}.login-logo-placeholder{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:2rem;font-weight:900;display:flex;box-shadow:0 0 28px #2563eb44}.login-logo-img{object-fit:contain;max-width:120px;max-height:80px;margin:0 auto 20px;display:none}.login-title{color:#fff;margin-bottom:4px;font-size:1.5rem;font-weight:800}.login-sub{color:#64748b;margin-bottom:28px;font-size:.85rem}.login-field{text-align:left;margin-bottom:14px}.login-field label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:.72rem;display:block}.login-field input{color:#e2e8f0;background:#1e3a5f;border:1px solid #263d5a;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:.95rem;transition:all .2s}.login-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb22}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;width:100%;margin-top:6px;padding:13px;font-size:1rem;font-weight:700;transition:all .2s}.login-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 8px 24px #2563eb44}.login-err{color:#f87171;margin-top:10px;font-size:.82rem;display:none}.topbar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a3a5cf7,#0d2240f7);border-bottom:2px solid #2563eb;justify-content:space-between;align-items:center;gap:12px;height:68px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 4px 24px #0009}.topbar .brand{letter-spacing:.5px;align-items:center;gap:5px;display:flex}.topbar .brand img{border-radius:5px;width:50px}.topbar-left{flex-shrink:0;align-items:center;gap:14px;display:flex}.joel-editable{cursor:text;border-radius:4px;transition:all .15s}.joel-editable:hover{background:#2563eb1f;outline:1px dashed #2563eb55}.joel-editable:focus{background:#2563eb2e;outline:1px solid #3b82f6;box-shadow:0 0 0 2px #2563eb40}.joel-edit-hint{color:#3b82f6;opacity:.7;vertical-align:middle;margin-left:6px;font-size:.58rem;font-weight:600}.topbar-logo-wrap{cursor:pointer;background:#1e3a5f;border:2px dashed #2563eb55;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:relative;overflow:hidden}.topbar-logo-wrap:hover{background:#263d5a;border-color:#2563eb}.topbar-logo-wrap img{object-fit:contain;width:100%;height:100%;display:none}.topbar-logo-wrap .logo-ph{color:#60a5fa;font-size:1.3rem;font-weight:900}.topbar-logo-input{opacity:0;cursor:pointer;position:absolute;inset:0}.topbar-title{color:#fff;font-size:1.1rem;font-weight:700}.topbar-subtitle{color:#94a3b8;font-size:.72rem}.topbar-right{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.badge{color:#60a5fa;background:#1e3a5f;border:1px solid #2563eb33;border-radius:20px;padding:5px 11px;font-size:.73rem;font-weight:600}.date-badge{color:#94a3b8;font-size:.76rem}.user-badge{color:#4ade80;background:linear-gradient(135deg,#064e3b,#065f46);border:1px solid #16a34a33;border-radius:20px;padding:5px 11px;font-size:.73rem;font-weight:600}.tb-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#1e3a5f;border:1px solid #263d5a;border-radius:8px;padding:7px 11px;font-size:.76rem;font-weight:600;transition:all .2s}.tb-btn:hover{color:#e2e8f0;background:#263d5a}.dl-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0d9488,#0f766e);border:none;border-radius:8px;padding:7px 13px;font-size:.76rem;font-weight:700;transition:all .2s}.dl-btn:hover{background:linear-gradient(135deg,#0f766e,#065f46)}.print-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4338ca,#3730a3);border:none;border-radius:8px;padding:7px 13px;font-size:.76rem;font-weight:700;transition:all .2s}.print-btn:hover{background:linear-gradient(135deg,#3730a3,#312e81)}.banner-section{background:#0d1f35d1;border-bottom:1px solid #1e3a5f;padding:10px 24px}.banner-grid{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:8px;display:flex}.banner-item{cursor:pointer;background:#1e3a5f;border:2px solid #1e3a5f;border-radius:10px;flex-shrink:0;width:190px;height:96px;transition:all .2s;position:relative;overflow:hidden}.banner-item:hover{border-color:#2563eb}.banner-item img{object-fit:cover;width:100%;height:100%}.banner-link-badge{color:#fff;background:#2563eb;border-radius:5px;padding:2px 6px;font-size:.6rem;font-weight:700;position:absolute;bottom:4px;right:4px}.ban-remove{color:#fff;cursor:pointer;background:#dc2626d9;border:none;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:none;position:absolute;top:4px;right:4px}.banner-item:hover .ban-remove{display:flex}.banner-add-btn{color:#60a5fa;cursor:pointer;background:#2563eb1f;border:2px dashed #2563eb44;border-radius:10px;align-items:center;gap:6px;height:96px;padding:0 16px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.banner-add-btn:hover{background:#2563eb38;border-color:#2563eb}.upload-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d2240d9;border-bottom:1px solid #1e3a5f;flex-wrap:wrap;align-items:center;gap:9px;padding:10px 24px;display:flex}.upload-bar label{color:#fff;cursor:pointer;background:#2563eb;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.upload-bar label:hover{background:#1d4ed8}.upload-bar input[type=file]{display:none}.upload-status{color:#94a3b8;flex:1;font-size:.8rem}.ub-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;padding:8px 13px;font-size:.78rem;font-weight:700;transition:all .2s;display:flex}.ub-reset{color:#d1d5db;background:#374151}.ub-reset:hover{background:#4b5563}.ub-dept{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.ub-dept:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6)}.ub-cyan{color:#fff;background:linear-gradient(135deg,#0891b2,#0e7490)}.ub-cyan:hover{background:linear-gradient(135deg,#0e7490,#155e75)}.ub-new{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.ub-new:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.ub-report{color:#fff;background:linear-gradient(135deg,#0d9488,#0f766e)}.ub-report:hover{background:linear-gradient(135deg,#0f766e,#065f46)}.filter-bar{background:#0d1f35d1;border-bottom:1px solid #1e3a5f;flex-wrap:wrap;align-items:center;gap:9px;padding:10px 24px;display:flex}.filter-bar label{color:#94a3b8;font-size:.76rem;font-weight:600}.filter-bar select,.filter-bar input[type=text]{color:#e2e8f0;background:#1e3a5fe6;border:1px solid #2563eb44;border-radius:7px;outline:none;min-width:115px;padding:6px 10px;font-size:.78rem}.filter-bar select:focus,.filter-bar input:focus{border-color:#2563eb}.filter-btn{color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:7px;padding:7px 15px;font-size:.78rem;font-weight:600;transition:all .2s}.filter-btn:hover{background:#0f766e}.clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #374151;border-radius:7px;padding:7px 11px;font-size:.78rem;transition:all .2s}.clear-btn:hover{color:#e2e8f0;background:#1e3a5f}.filter-count{color:#60a5fa;margin-left:auto;font-size:.76rem;font-weight:600}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:13px;padding:16px 24px;display:grid}.kpi-card{background:linear-gradient(135deg, var(--bg-s), var(--bg-e));border:1px solid var(--border);cursor:default;border-radius:13px;padding:16px;transition:all .3s;position:relative;overflow:hidden}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000080}.kpi-card:before{content:"";background:#ffffff0d;border-radius:50%;width:72px;height:72px;position:absolute;top:-18px;right:-18px}.kpi-icon{margin-bottom:6px;font-size:1.35rem}.kpi-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.7rem}.kpi-value{color:#fff;font-size:1.65rem;font-weight:800;line-height:1}.kpi-sub{color:#ffffff8c;margin-top:5px;font-size:.68rem}.section-title{text-transform:uppercase;letter-spacing:.1em;color:#64748b;background:#0a122080;border-bottom:1px solid #1e3a5f22;padding:7px 24px;font-size:.7rem}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px;padding:16px 24px;display:grid}.chart-card{background:#0d2240e0;border:1px solid #1e3a5f;border-radius:13px;padding:16px;overflow:hidden}.chart-card.wide{grid-column:span 2}.chart-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.chart-title{color:#e2e8f0;font-size:.86rem;font-weight:700}.chart-badge{color:#60a5fa;background:#1e3a5f;border-radius:20px;padding:3px 9px;font-size:.66rem;font-weight:600}.chart-wrap{height:205px;position:relative}.chart-wrap.tall{height:265px}.rh-alerts-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.rh-alert-card{background:#0d2240e0;border:1px solid #1e3a5f;border-left-width:4px;border-radius:13px;align-items:flex-start;gap:12px;padding:14px 16px;transition:transform .15s,border-color .15s;display:flex}.rh-alert-card:hover{transform:translateY(-2px)}.rh-alert-card.red{border-left-color:#ef4444}.rh-alert-card.yellow{border-left-color:#eab308}.rh-alert-card.blue{border-left-color:#3b82f6}.rh-alert-card.green{border-left-color:#22c55e}.rh-alert-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.rh-alert-dot.red{background:#ef4444}.rh-alert-dot.yellow{background:#eab308}.rh-alert-dot.blue{background:#3b82f6}.rh-alert-dot.green{background:#22c55e}.rh-alert-count{color:#e2e8f0;font-size:1.5rem;font-weight:800;line-height:1}.rh-alert-card h4{color:#cbd5e1;margin:4px 0 2px;font-size:.78rem;font-weight:700}.rh-alert-card p{color:#64748b;font-size:.68rem;line-height:1.4}.rh-dates-list,.bday-list{flex-direction:column;gap:6px;max-height:230px;display:flex;overflow-y:auto}.rh-date-row{background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;display:flex}.rh-date-row:hover{background:#ffffff0f}.rh-date-badge{color:#60a5fa;white-space:nowrap;background:#1e3a5f;border-radius:20px;padding:2px 7px;font-size:.62rem;font-weight:700}.rh-date-badge.pending{color:#fdba74;background:#7c2d12}.bday-section{background:#0d2240d1;border:1px solid #1e3a5f;border-radius:11px;grid-column:1/-1;padding:14px}.table-section{padding:0 24px 24px}.table-wrap{border:1px solid #1e3a5f;border-radius:13px;overflow-x:auto}table{border-collapse:collapse;background:#0d2240e0;width:100%}thead th{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1e3a5ff2;padding:11px 12px;font-size:.69rem}thead th:hover{color:#e2e8f0;background:#263d5a}thead th.no-sort{cursor:default}tbody tr{border-bottom:1px solid #1a3a5c33;transition:all .15s}tbody tr:hover{background:#132030e6}tbody td{color:#cbd5e1;white-space:nowrap;padding:9px 12px;font-size:.79rem}.pill{border-radius:20px;padding:3px 9px;font-size:.67rem;font-weight:700;display:inline-block}.pill-green{color:#16a34a;background:#dcfce7}.pill-yellow{color:#ca8a04;background:#fef9c3}.pill-red{color:#dc2626;background:#fee2e2}.pill-blue{color:#2563eb;background:#dbeafe}.pill-purple{color:#7c3aed;background:#ede9fe}.eval-bar-wrap{align-items:center;gap:6px;display:flex}.eval-bar-bg{background:#1e3a5f;border-radius:4px;flex:1;min-width:48px;height:6px}.eval-bar-fill{border-radius:4px;height:100%}.act-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #263d5a;border-radius:6px;justify-content:center;align-items:center;width:27px;height:27px;font-size:.78rem;transition:all .15s;display:inline-flex}.act-btn.edit:hover{color:#60a5fa;background:#1e3a5f;border-color:#2563eb}.act-btn.del:hover{color:#f87171;background:#3b0c0c;border-color:#dc2626}.portals-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:4px 24px 24px;display:grid}.portal-card{cursor:pointer;background:#0d2240e0;border:1px solid #1e3a5f;border-radius:11px;align-items:center;gap:11px;padding:14px 16px;text-decoration:none;transition:all .2s;display:flex}.portal-card:hover{background:#132030f2;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 24px #2563eb33}.portal-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.portal-name{color:#e2e8f0;font-size:.83rem;font-weight:700}.portal-desc{color:#64748b;margin-top:2px;font-size:.68rem}.portal-arrow{color:#2563eb;margin-left:auto;font-size:.95rem}.table-footer{color:#64748b;justify-content:space-between;align-items:center;padding:0 25px 15px;font-size:.76rem;display:flex}.pag-btns{gap:5px;display:flex}.pag-btn{color:#94a3b8;cursor:pointer;background:#1e3a5f;border:none;border-radius:6px;width:29px;height:29px;font-size:.78rem;transition:all .15s}.pag-btn:hover,.pag-btn.active{color:#fff;background:#2563eb}.audit-section{padding:0 24px 24px}.audit-box{background:#0d2240e0;border:1px solid #1e3a5f;border-radius:11px;max-height:200px;padding:14px;overflow-y:auto}.audit-row{border-bottom:1px solid #1e3a5f33;align-items:flex-start;gap:9px;padding:6px 0;font-size:.76rem;display:flex}.audit-row:last-child{border-bottom:none}.audit-time{color:#4338ca;white-space:nowrap;min-width:135px;font-weight:600}.audit-user{color:#0d9488;min-width:85px;font-weight:700}.audit-msg{color:#94a3b8;flex:1}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(160deg,#0d2240,#0a1826);border:1px solid #1e3a5f;border-radius:15px;min-width:460px;max-width:95vw;max-height:92vh;padding:22px;overflow-y:auto;box-shadow:0 24px 60px #000000b3}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-title{color:#e2e8f0;font-size:.98rem;font-weight:700}.modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.2rem}.modal-close:hover{color:#e2e8f0;background:#1e3a5f}.modal-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.modal-field label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.69rem;display:block}.modal-field input,.modal-field select,.modal-field textarea{color:#e2e8f0;background:#1e3a5f;border:1px solid #263d5a;border-radius:8px;outline:none;width:100%;padding:8px 11px;font-size:.82rem}.modal-field textarea{resize:vertical;min-height:68px;font-family:inherit}.modal-field input:focus,.modal-field select:focus,.modal-field textarea:focus{border-color:#2563eb}.modal-actions{justify-content:flex-end;gap:9px;margin-top:16px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:9px 20px;font-size:.83rem;font-weight:600;transition:all .2s}.btn-primary:hover{background:#1d4ed8}.btn-secondary{color:#94a3b8;cursor:pointer;background:#1e3a5f;border:none;border-radius:8px;padding:9px 16px;font-size:.83rem;transition:all .2s}.btn-secondary:hover{color:#e2e8f0;background:#263d5a}.btn-danger{color:#fca5a5;cursor:pointer;background:#7f1d1d;border:none;border-radius:8px;padding:9px 16px;font-size:.83rem;transition:all .2s}.btn-danger:hover{background:#991b1b}.btn-success{color:#4ade80;cursor:pointer;background:#065f46;border:none;border-radius:8px;padding:9px 16px;font-size:.83rem;transition:all .2s}.btn-success:hover{background:#064e3b}.modal-tabs{border-bottom:1px solid #1e3a5f;flex-wrap:wrap;gap:4px;margin-bottom:16px;padding-bottom:9px;display:flex}.modal-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 12px;font-size:.76rem;font-weight:600;transition:all .2s}.modal-tab.active{color:#60a5fa;background:#1e3a5f;border:1px solid #2563eb33}.modal-section-title{text-transform:uppercase;letter-spacing:.07em;color:#2563eb;border-bottom:1px solid #1e3a5f;grid-column:span 2;margin:13px 0 9px;padding-bottom:5px;font-size:.72rem;font-weight:700}.list-item{background:#162b4a;border:1px solid #1e3a5f;border-radius:9px;align-items:flex-start;gap:9px;margin-bottom:9px;padding:11px;display:flex}.list-item-fields{flex:1;gap:9px;display:grid}.list-item-fields.two-cols{grid-template-columns:1fr 1fr}.list-item-fields.three-cols{grid-template-columns:1fr 1fr 1fr}.list-item-fields input,.list-item-fields select{color:#e2e8f0;background:#1e3a5f;border:1px solid #263d5a;border-radius:7px;outline:none;width:100%;padding:6px 9px;font-size:.78rem}.list-item-fields input:focus,.list-item-fields select:focus{border-color:#2563eb}.btn-remove-item{color:#f87171;cursor:pointer;background:#3b0c0c;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex}.btn-remove-item:hover{background:#7f1d1d}.btn-add-list{color:#60a5fa;cursor:pointer;background:#2563eb1f;border:1px dashed #2563eb55;border-radius:8px;margin-top:4px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .2s}.btn-add-list:hover{background:#2563eb38;border-color:#2563eb}.other-input-wrap{margin-top:5px;display:none}.other-input-wrap.show{display:block}.custom-field-row{align-items:center;gap:7px;margin-bottom:7px;display:flex}.custom-field-label{color:#e2e8f0;background:#1e3a5f;border:1px solid #263d5a;border-radius:6px;outline:none;flex:0 0 130px;padding:6px 9px;font-size:.78rem}.custom-field-value{color:#e2e8f0;background:#1e3a5f;border:1px solid #263d5a;border-radius:6px;outline:none;flex:1;padding:6px 9px;font-size:.78rem}.photo-upload-area{text-align:center;cursor:pointer;background:#162b4a;border:2px dashed #2563eb44;border-radius:11px;padding:14px;transition:all .2s}.photo-upload-area:hover{background:#1e3a5f;border-color:#2563eb}.photo-preview-img{object-fit:cover;border:2px solid #2563eb;border-radius:7px;width:90px;height:110px;margin:0 auto;display:none}.files-list{margin-top:7px}.file-item{background:#162b4a;border:1px solid #1e3a5f;border-radius:7px;align-items:center;gap:7px;margin-bottom:5px;padding:6px 9px;display:flex}.file-icon{font-size:1rem}.file-name{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.75rem;overflow:hidden}.file-size{color:#4b5563;font-size:.66rem}.file-remove{color:#f87171;cursor:pointer;background:0 0;border:none;padding:2px;font-size:.82rem}.att-table{border-collapse:collapse;width:100%;font-size:.78rem}.att-table th{color:#94a3b8;text-align:left;text-transform:uppercase;background:#162b4a;border-bottom:1px solid #1e3a5f;padding:6px 9px;font-size:.68rem}.att-table td{color:#cbd5e1;border-bottom:1px solid #1e3a5f22;padding:5px 9px}.att-table td input,.att-table td select{color:#e2e8f0;background:#1e3a5f;border:1px solid #263d5a;border-radius:5px;outline:none;padding:3px 7px;font-size:.75rem}.dept-list{flex-direction:column;gap:6px;max-height:270px;margin:9px 0;display:flex;overflow-y:auto}.dept-item{background:#1e3a5f;border-radius:7px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.dept-item-name{color:#e2e8f0;font-size:.83rem;font-weight:600}.dept-item-count{color:#64748b;font-size:.7rem}.dept-add-row{gap:7px;margin-top:9px;display:flex}.dept-add-row input{color:#e2e8f0;background:#1e3a5f;border:1px solid #263d5a;border-radius:7px;outline:none;flex:1;padding:8px 11px;font-size:.82rem}.option-item{background:#1e3a5f;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:7px 11px;display:flex}.option-item span{color:#e2e8f0;font-size:.82rem}.user-item{background:#1e3a5f;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:9px 13px;display:flex}.user-name{color:#e2e8f0;font-size:.85rem;font-weight:700}.user-role{color:#64748b;font-size:.7rem}.rpt-type-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px;display:grid}.rpt-type-card{text-align:center;cursor:pointer;background:#162b4a;border:2px solid #1e3a5f;border-radius:9px;padding:13px;transition:all .2s}.rpt-type-card:hover,.rpt-type-card.selected{background:#1e3a5f;border-color:#2563eb}.rpt-type-card .rtc-icon{margin-bottom:5px;font-size:1.5rem}.rpt-type-card .rtc-name{color:#e2e8f0;font-size:.78rem;font-weight:700}.rpt-type-card .rtc-desc{color:#64748b;margin-top:2px;font-size:.66rem}.rpt-preview{background:#162b4a;border:1px solid #1e3a5f;border-radius:9px;max-height:320px;margin-top:12px;padding:14px;overflow-y:auto}.rpt-preview h3{color:#e2e8f0;border-bottom:1px solid #1e3a5f;margin-bottom:10px;padding-bottom:7px;font-size:.88rem}.rpt-row{border-bottom:1px solid #1e3a5f22;justify-content:space-between;padding:5px 0;font-size:.78rem;display:flex}.rpt-label{color:#94a3b8}.rpt-value{color:#e2e8f0;font-weight:600}.col-toggle-grid{grid-template-columns:1fr 1fr;gap:7px;margin:12px 0;display:grid}.col-toggle{cursor:pointer;background:#162b4a;border-radius:7px;align-items:center;gap:7px;padding:8px 11px;transition:all .2s;display:flex}.col-toggle:hover{background:#1e3a5f}.col-toggle input[type=checkbox]{accent-color:#2563eb;cursor:pointer;width:15px;height:15px}.col-toggle label{color:#e2e8f0;cursor:pointer;flex:1;font-size:.8rem}@media print{#loginScreen,.topbar,.filter-bar,.banner-section,.portals-grid,.pag-btns,.modal-overlay:not(.report-print-overlay),.tb-btn,.dl-btn,.print-btn,.ub-btn,.ub-reset,.ub-dept,.ub-cyan,.ub-new,.ub-report,.filter-btn,.clear-btn,.act-btn,.banner-collapse-btn,#auditSection,.audit-section{display:none!important}body,body:before{color:#000!important;background:#fff!important}body:before{display:none!important}.kpi-card,.chart-card,.table-wrap{break-inside:avoid;color:#000!important;box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}.kpi-label,.kpi-sub,.chart-title{color:#333!important}.kpi-value{color:#1a3a5c!important}table,th,td{color:#000!important;border-color:#ccc!important}thead th{color:#333!important;background:#f0f0f0!important}.pill-green{color:#16a34a!important;background:#dcfce7!important}.pill-yellow{color:#ca8a04!important;background:#fef9c3!important}.pill-red{color:#dc2626!important;background:#fee2e2!important}.pill-blue{color:#2563eb!important;background:#dbeafe!important}.pill-purple{color:#7c3aed!important;background:#ede9fe!important}th.col-hidden,td.col-hidden{display:none!important}body:has(.report-print-overlay) .layout{display:none!important}.report-print-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;display:block!important;position:static!important;inset:auto!important}.report-print-overlay .modal{color:#000!important;box-shadow:none!important;background:#fff!important;border:none!important;min-width:0!important;max-width:100%!important;max-height:none!important;padding:0!important;overflow:visible!important}.report-print-overlay .modal-header,.report-print-overlay .rpt-type-grid,.report-print-overlay .modal-actions,.report-print-overlay .modal-field{display:none!important}.report-print-overlay .rpt-results h3,.report-print-overlay .rpt-summary-item{color:#000!important}}#docViewerOverlay{z-index:10000;background:#000000c7;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#docViewerOverlay.open{display:flex}#docViewerModal{background:#0d2240;border:1px solid #1e3a5f;border-radius:16px;flex-direction:column;width:92vw;max-width:1100px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 32px 80px #000c}#docViewerHeader{background:#1a3a5c99;border-bottom:1px solid #1e3a5f;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}#docViewerTitle{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;max-width:80%;font-size:.93rem;font-weight:700;overflow:hidden}#docViewerClose{color:#94a3b8;cursor:pointer;background:#1e3a5f;border:1px solid #263d5a;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;display:flex}#docViewerClose:hover{color:#f87171;background:#3b0c0c;border-color:#dc2626}#docViewerBody{flex:1;padding:0;overflow:auto}#docViewerBody iframe{background:#fff;border:none;width:100%;height:100%;min-height:72vh}#docViewerBody .xls-table-wrap{padding:12px;overflow:auto}#docViewerBody table.xls-table{border-collapse:collapse;color:#e2e8f0;background:#0d2240;font-size:.8rem}#docViewerBody table.xls-table th{white-space:nowrap;background:#1e3a5f;border:1px solid #263d5a;padding:6px 10px;font-weight:700}#docViewerBody table.xls-table td{white-space:nowrap;border:1px solid #1e3a5f22;padding:5px 10px}#docViewerBody table.xls-table tr:nth-child(2n){background:#2563eb12}#docViewerBody table.xls-table a{color:#60a5fa}#docViewerBody .word-content{color:#e2e8f0;padding:24px 32px;font-size:.88rem;line-height:1.7}#docViewerBody .word-content a{color:#60a5fa}#docViewerBody .word-content h1,.word-content h2,.word-content h3{color:#fff;margin:14px 0 8px}#docViewerBody .word-content table{border-collapse:collapse;width:100%;margin:10px 0}#docViewerBody .word-content table td,#docViewerBody .word-content table th{border:1px solid #263d5a;padding:5px 9px}#docViewerBody .doc-viewer-loading{color:#94a3b8;justify-content:center;align-items:center;min-height:200px;font-size:.9rem;display:flex}.file-open-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:5px;padding:3px 9px;font-size:.68rem;font-weight:700;transition:all .15s}.file-open-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.map-section{margin:18px 0 10px}.map-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.map-title{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:.72rem;font-weight:700}.map-badge{color:#0369a1;background:#e0f2fe;border-radius:12px;padding:2px 10px;font-size:.66rem;font-weight:600}.map-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.map-btn{cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:.68rem;font-weight:600;transition:all .15s}.map-btn:hover{opacity:.85}.map-btn-row{color:#fff;background:#16a34a}.map-btn-col{color:#fff;background:#2563eb}.map-btn-export{color:#fff;background:#7c3aed}.map-lock-msg{color:#94a3b8;font-size:.68rem;font-style:italic}.map-wrap{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;margin-bottom:4px;overflow-x:auto}.map-table{border-collapse:collapse;width:100%;min-width:600px}.map-table th{color:#93c5fd;text-transform:uppercase;letter-spacing:.06em;text-align:left;white-space:nowrap;background:#2563eb40;border-bottom:1px solid #ffffff1f;padding:9px 12px;font-size:.7rem;position:relative}.map-table th .col-del{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:3px;padding:1px 4px;font-size:.56rem;display:none;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.map-table th:hover .col-del{display:inline-block}.map-table td{color:#e2e8f0;border-bottom:1px solid #ffffff12;padding:7px 12px;font-size:.74rem}.map-table tr:last-child td{border-bottom:none}.map-table tr:hover td{background:#ffffff0a}.map-table td[contenteditable]{cursor:text;outline:none}.map-table td select{color:#e2e8f0;cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit;font-size:.74rem}.map-table td select:focus{background:#2563eb2e;outline:none}.map-table td select option{color:#e2e8f0;background:#0d2240}.map-table td[contenteditable]:focus,.map-table th[contenteditable]:focus{background:#2563eb2e;border-radius:3px;outline:1px solid #3b82f6}.map-table .row-del-btn{color:#ef4444;cursor:pointer;opacity:0;background:0 0;border:none;padding:0 5px;font-size:.85rem;transition:opacity .15s}.map-table tr:hover .row-del-btn{opacity:1}.map-period-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:12px;padding:3px 10px;font-size:.65rem;font-weight:600;transition:all .15s}.map-period-btn.active,.map-period-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:16px 24px;display:grid}.filter-card{cursor:default;border-radius:13px;padding:15px;transition:all .3s;position:relative;overflow:hidden}.filter-card:before{content:"";background:#ffffff0d;border-radius:50%;width:72px;height:72px;position:absolute;top:-18px;right:-18px}.filter-card:hover{cursor:pointer;margin-top:-3px}.filter-icon{color:#fff;margin-bottom:6px;font-size:1.35rem}.filter-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.7rem}.filter-value{color:#fff;font-size:1.65rem;font-weight:800;line-height:1}.filter-sub{color:#ffffff8c;margin-top:5px;font-size:.68rem}.card1{background:linear-gradient(135deg,#0f3460,#1b4a80);border:1px solid #2563eb44}.card2{background:linear-gradient(135deg,#064e3b,#065f46);border:1px solid #05966944}.card3{background:linear-gradient(135deg,#431407,#78350f);border:1px solid #78350f}.card4{background:linear-gradient(135deg,#0c4a6e,#075985);border:1px solid #0ea5e944}.card5{background:linear-gradient(135deg,#3b0764,#4c1d95);border:1px solid #7c3aed44}.card6{background:linear-gradient(135deg,#1e1b4b,#312e81);border:1px solid #4338ca44}.card7{background:linear-gradient(135deg,#052e16,#14532d);border:1px solid #16a34a44}.card8{background:linear-gradient(135deg,#1c1917,#292524);border:1px solid #78716c44}.card9{background:linear-gradient(135deg,#0c0a09,#1c1917);border:1px solid #57534e44}.card10{background:linear-gradient(135deg,#071f14,#0d3020);border:1px solid #10b98133}.card11{background:linear-gradient(135deg,#1a150a,#261e0a);border:1px solid #f59e0b33}.card12{background:linear-gradient(135deg,#0f0a1f,#14103a);border:1px solid #8b5cf633}.card13{background:linear-gradient(135deg,#0a1a30,#0d2040);border:1px solid #3b82f633}.loginScreen{z-index:9999;background:linear-gradient(160deg,#071628,#0a1e38);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-box{text-align:center;background:linear-gradient(160deg,#0d2240,#0a1826);border:1px solid #1e3a5f;border-radius:20px;width:420px;max-width:95vw;padding:48px 40px;box-shadow:0 32px 80px #000c}.login-box .brand{flex-direction:column;align-items:center;display:flex}.login-box .brand img{width:100px;margin-bottom:10px}.login-box .brand h3{text-transform:uppercase;color:var(--white);letter-spacing:.3px}.login-box .brand p{color:#c4c4c4;font-size:13px}.login-box form{color:#c4c4c4;text-align:left;letter-spacing:.3px;flex-direction:column;gap:5px;padding-top:25px;display:flex}.login-box form label{text-transform:uppercase;margin-left:5px;font-size:11.5px}.login-box form input{text-indent:10px;background-color:var(--navy);height:40px;color:var(--white);border:none;border-radius:10px;margin-bottom:12px}.login-box form button{color:var(--white);background-color:var(--blue);border:none;border-radius:10px;height:40px}