:root{--siesec-blue:#04349b;--siesec-blue-dark:#002670;--siesec-blue-light:#0a4fd6;--siesec-yellow:gold;--white:#fff;--text-white:#fff;--text-grey:#e0e0e0;--grey-light:#f0f2f5;--grey-text:#6b7280;--shadow:0 2px 12px #04349b26;--radius:12px}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}html,body,#root{background-color:#fff;width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.login-container{width:100%;min-height:100vh;display:flex}.left-panel{background-color:#fff;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:10vh 50px 50px;display:flex}.vertical-stack{flex-direction:column;justify-content:flex-start;align-items:center;gap:8vh;width:100%;display:flex}.proportional-logo{object-fit:contain;filter:drop-shadow(0 2px 8px #0000000d);width:auto;height:auto;transition:all .3s}.logo-mijp{max-width:90%;max-height:35vh}.logo-cuadrantes{max-width:85%;max-height:18vh}.logo-vida-paz{max-width:80%;max-height:15vh}.right-panel{background-color:var(--siesec-blue);color:var(--text-white);flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:4vh 50px 30px;display:flex;position:relative;overflow:hidden}.watermark{opacity:.04;z-index:0;pointer-events:none;background-image:url(/images/LOGO%20OVS%20DEGRADE.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:60vh;height:60vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-box{z-index:1;text-align:center;width:90%;max-width:550px;position:relative}.siesec-main-logo{width:auto;max-width:100%;max-height:40vh;margin-bottom:0}.right-panel h3{margin-bottom:10px;font-size:1.8rem;font-weight:400}.form-group{text-align:left;margin-bottom:25px}.form-group label{margin-bottom:8px;font-size:.95rem;font-weight:600;display:block}.form-group input{color:#333;background-color:#fff;border:none;border-radius:8px;width:100%;padding:12px 15px;font-size:1rem}.form-group input::placeholder{color:#999}.options-row{justify-content:space-between;align-items:center;margin-bottom:15px;font-size:.9rem;display:flex}.forgot-password{color:var(--siesec-yellow);font-weight:600;text-decoration:none}.btn-acceso{background-color:var(--siesec-yellow);width:100%;color:var(--siesec-blue);cursor:pointer;border:none;margin-bottom:10px;padding:15px;font-size:1.1rem;font-weight:800;transition:background-color .2s;border-radius:0!important}.btn-acceso:hover{background-color:#e6c200}.footer-info{color:#ffffffb3;margin-top:15px;font-size:.7rem;line-height:1.4}.footer-info p{margin-bottom:5px}.links-container{margin-bottom:8px}.site-link{color:var(--siesec-yellow);font-weight:600}.address-text{margin-bottom:5px}.copyright-text{color:#ffffffe6;font-weight:600}.support-container{justify-content:center;margin-top:15px;display:flex}.btn-whatsapp{background-color:#25d366;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 10px #0003;color:#fff!important;border-radius:0!important}.btn-whatsapp:hover{background-color:#128c7e;transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.btn-whatsapp i{font-size:1.2rem}.messages{width:100%;margin-bottom:20px}.alert{color:#fff;background-color:#fff3;border:1px solid #ffffff4d;border-radius:8px;padding:10px;font-size:.9rem}@media (width<=768px){.left-panel{display:none}.right-panel{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:auto;min-height:100vh;padding:6vh 20px 20px;display:flex;overflow-y:auto}.watermark{display:none!important}.login-box{flex-direction:column;justify-content:center;gap:10px;width:100%;max-width:400px;margin:0 auto;padding:0;display:flex}.siesec-main-logo{object-fit:contain;max-height:25vh;margin-bottom:-2vh}.right-panel h3{margin-top:10px;margin-bottom:20px;font-size:1.5rem}.form-group{margin-bottom:15px}.form-group label{margin-bottom:5px;font-size:.9rem}.form-group input{padding:12px 15px;font-size:1rem;border-radius:0!important}.options-row{margin-bottom:20px;font-size:.9rem}.btn-acceso{margin-bottom:20px;padding:12px;font-size:1.1rem;border-radius:0!important}.footer-info{color:#ffffffb3;margin-top:20px;font-size:.7rem;line-height:1.4}.footer-info p{margin-bottom:5px}.address-text{max-width:100%;margin:0 auto 5px}.links-container{margin-bottom:10px}.support-container{margin-top:10px;margin-bottom:15px}.btn-whatsapp{padding:10px 15px;font-size:.9rem;border-radius:0!important}}.app-container{width:100%;min-height:100vh}.btn-install-link{color:var(--siesec-yellow);cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;font-weight:700;text-decoration:underline;transition:color .2s}.btn-install-link:hover{color:#e6c200}.btn-install-header{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:6px;padding:8px 12px;font-size:1.1rem;line-height:1;transition:all .2s}.btn-install-header:hover{background:#ffffff4d;transform:scale(1.1)}.header-actions{align-items:center;gap:10px;display:flex}.theme-night-blue{--db-bg:linear-gradient(135deg, #001233 0%, #001b50 100%);--db-text:var(--white);--db-navbar-bg:var(--siesec-blue);--db-navbar-sub-bg:var(--siesec-blue-dark);--db-audit-session-bg:var(--siesec-blue-dark);--db-sidebar-bg:var(--siesec-blue);--db-card-bg:#ffffff0d;--db-card-border:1px solid #ffffff14;--db-card-text:#ffffffb3;--db-card-title:var(--white);--db-section-title:var(--white);--db-card-hover-bg:#ffffff1a}.theme-day{--db-bg:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--db-text:#1e293b;--db-navbar-bg:#0f172a;--db-navbar-sub-bg:#1e293b;--db-audit-session-bg:#334155;--db-sidebar-bg:#0f172a;--db-card-bg:#ffffffd9;--db-card-border:1px solid #00000014;--db-card-text:#475569;--db-card-title:#0f172a;--db-section-title:#1e293b;--db-card-hover-bg:#fffffffa}.theme-green-morning{--db-bg:linear-gradient(135deg, #064e3b 0%, #022c22 100%);--db-text:#e6f4ea;--db-navbar-bg:#022c22;--db-navbar-sub-bg:#064e3b;--db-audit-session-bg:#022c22;--db-sidebar-bg:#022c22;--db-card-bg:#ffffff0f;--db-card-border:1px solid #ffffff1a;--db-card-text:#e6f4eabf;--db-card-title:var(--white);--db-section-title:var(--white);--db-card-hover-bg:#ffffff1f}.theme-purple-afternoon{--db-bg:linear-gradient(135deg, #2e1065 0%, #1e1b4b 100%);--db-text:#fae8ff;--db-navbar-bg:#1e1b4b;--db-navbar-sub-bg:#2e1065;--db-audit-session-bg:#1e1b4b;--db-sidebar-bg:#1e1b4b;--db-card-bg:#ffffff0f;--db-card-border:1px solid #ffffff1a;--db-card-text:#fae8ffbf;--db-card-title:var(--white);--db-section-title:var(--white);--db-card-hover-bg:#ffffff1f}.dashboard-layout{background:var(--db-bg,linear-gradient(135deg, #001233 0%, #001b50 100%));min-height:100vh;color:var(--db-text,var(--white));flex-direction:column;transition:background .3s,color .3s;display:flex}.dashboard-header{background-color:var(--siesec-blue);color:#fff;z-index:10;justify-content:space-between;align-items:center;padding:15px 40px;display:flex;box-shadow:0 4px 12px #00000026}.header-brand{letter-spacing:.5px;align-items:center;gap:12px;font-size:1.3rem;font-weight:800;display:flex}.header-logo{width:auto;height:40px}.header-user{align-items:center;gap:20px;font-size:.95rem;display:flex}.btn-logout{color:#fff;cursor:pointer;background-color:#ffffff26;border:1px solid #ffffff40;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s}.btn-logout:hover{background-color:#d32f2f;border-color:#d32f2f}.dashboard-main{flex:1;padding:40px;position:relative}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px 20px}.section-title{align-items:center;gap:8px;margin-bottom:25px;font-size:1.25rem;font-weight:600;display:flex;color:var(--db-section-title,var(--white))!important}.section-title i{color:var(--siesec-yellow)!important}.dashboard-welcome{margin-bottom:30px}.dashboard-welcome h2{color:var(--white);margin-bottom:8px;font-size:1.8rem;font-weight:800}.dashboard-welcome p{color:#ffffffb3;font-size:1rem}.modules-grid{z-index:2;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;display:grid;position:relative}.module-card{background:var(--db-card-bg,#ffffff0d);border:var(--db-card-border,1px solid #ffffff14);border-radius:12px;flex-direction:column;gap:10px;padding:24px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #0003;border-left:4px solid var(--siesec-yellow)!important}.module-card:hover{background:var(--db-card-hover-bg,#ffffff1a);border-color:#fff3;transform:translateY(-4px);box-shadow:0 8px 30px #0006}.card-icon{width:70px;height:70px;color:var(--siesec-yellow);background-color:#ffffff14;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:1.8rem;transition:all .3s;display:flex}.module-card:hover .card-icon{background-color:var(--siesec-yellow);color:var(--siesec-blue)}.module-card h4{align-items:center;gap:8px;margin:0;font-size:1.1rem;font-weight:600;text-decoration:none;display:flex;color:var(--db-card-title,var(--white))!important}.module-card h4 i{color:var(--siesec-yellow)!important}.module-card p{margin:0;font-size:.85rem;line-height:1.5;color:var(--db-card-text,#ffffffb3)!important}.btn-card{background-color:var(--siesec-yellow);color:var(--siesec-blue);border-radius:6px;width:100%;padding:10px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.btn-card:hover{background-color:#e6c200}.no-modules{text-align:center;color:var(--white);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;grid-column:1/-1;padding:60px;box-shadow:0 6px 18px #0000000d}.no-modules i{color:var(--siesec-yellow);margin-bottom:20px;font-size:3rem}.dashboard-footer{background-color:var(--db-navbar-bg,#001233);text-align:center;border-top:1px solid #ffffff14;padding:20px;font-size:.75rem;line-height:1.5;transition:background-color .3s;color:#fff9!important}.dashboard-footer span{color:#fff9!important}.modal-overlay{z-index:1000;background-color:#000000a6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:450px;padding:35px;animation:.3s modalScaleIn;box-shadow:0 10px 35px #0000004d}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header h3{color:#222;margin-bottom:10px;font-size:1.4rem}.modal-body p{color:#555;font-size:.95rem;line-height:1.5}@media (width<=768px){.dashboard-header{text-align:center;flex-direction:column;gap:15px;padding:15px 20px}.header-user{flex-direction:column;gap:10px;width:100%}.btn-logout{width:100%}.dashboard-main{padding:20px}}.install-banner{z-index:9999;animation:.5s cubic-bezier(.22,1,.36,1) slideUpBanner;position:fixed;bottom:0;left:0;right:0}@keyframes slideUpBanner{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.install-banner-content{background:linear-gradient(135deg,#04349b 0%,#0650d6 50%,#04349b 100%);border-top:2px solid #ffd70066;align-items:center;gap:15px;padding:16px 24px;display:flex;box-shadow:0 -4px 30px #04349b66}.install-banner-icon{flex-shrink:0}.install-banner-icon img{border-radius:12px;width:48px;height:48px;box-shadow:0 2px 10px #0000004d}.install-banner-text{color:#fff;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.install-banner-text strong{letter-spacing:.5px;font-size:1rem}.install-banner-text span{opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.install-banner-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.install-banner-btn-install{background-color:var(--siesec-yellow);color:var(--siesec-blue);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:none;border-radius:8px;padding:10px 24px;font-size:.95rem;font-weight:800;transition:all .2s}.install-banner-btn-install:hover{background-color:#e6c200;transform:scale(1.05)}.install-banner-btn-install:active{transform:scale(.98)}.install-banner-btn-dismiss{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .2s;display:flex}.install-banner-btn-dismiss:hover{background:#ffffff4d}.ios-install-modal{position:relative;border-radius:20px!important;max-width:420px!important;padding:30px!important}.ios-modal-close{cursor:pointer;color:#666;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.ios-modal-close:hover{color:#333;background:#e0e0e0}.ios-modal-header{text-align:center;margin-bottom:24px}.ios-modal-icon{border-radius:16px;width:64px;height:64px;margin-bottom:16px;box-shadow:0 4px 16px #04349b40}.ios-modal-header h3{font-weight:700;color:#222!important;margin-bottom:6px!important;font-size:1.3rem!important}.ios-modal-subtitle{color:#888;margin:0;font-size:.9rem}.ios-modal-steps{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.ios-step{background:#f8f9fc;border:1px solid #eef2f6;border-radius:12px;align-items:flex-start;gap:14px;padding:14px;transition:all .2s;display:flex}.ios-step:hover{background:#f0f4ff;border-color:#04349b26}.ios-step-number{background:var(--siesec-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:800;display:flex}.ios-step-content{flex:1;align-items:flex-start;gap:10px;display:flex}.ios-step-icon{flex-shrink:0;margin-top:1px;font-size:1.3rem}.ios-step-content p{color:#444;margin:0;font-size:.9rem;line-height:1.5}.ios-modal-done{background:var(--siesec-blue);color:#fff;cursor:pointer;letter-spacing:.5px;border:none;border-radius:12px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:all .2s}.ios-modal-done:hover{background:#03256c}.ios-modal-done:active{transform:scale(.98)}@media (width<=480px){.install-banner-content{gap:12px;padding:14px 16px}.install-banner-icon img{width:40px;height:40px}.install-banner-text strong{font-size:.9rem}.install-banner-text span{font-size:.8rem}.install-banner-btn-install{padding:8px 16px;font-size:.85rem}.ios-install-modal{max-width:calc(100vw - 20px)!important;margin:10px!important;padding:24px!important}}.navbar-wrapper{z-index:100;position:sticky;top:0;box-shadow:0 2px 8px #0003}.navbar{background:var(--db-navbar-bg,var(--siesec-blue));justify-content:space-between;align-items:center;padding:10px 20px;transition:background-color .3s;display:flex}.navbar-sub{background:var(--db-navbar-sub-bg,var(--siesec-blue-dark));border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:10px 20px;transition:background-color .3s;display:flex}.theme-switcher{background:#0003;border:1px solid #ffffff14;border-radius:30px;align-items:center;gap:8px;padding:4px 8px;transition:all .3s;display:flex}.theme-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;margin-right:4px;font-size:.75rem;font-weight:700;display:flex}.theme-btn{cursor:pointer;color:#ffffffbf;background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.theme-btn i{font-size:.85rem}.theme-btn:hover{color:var(--white);background:#ffffff14}.theme-btn.active{box-shadow:0 2px 8px #0000004d}.theme-btn.btn-day.active{color:#1e293b;background:#fff}.theme-btn.btn-day i{color:#f59e0b}.theme-btn.btn-night-blue.active{color:#fff;background:#0a4fd6}.theme-btn.btn-night-blue i{color:#60a5fa}.theme-btn.btn-green-morning.active{color:#fff;background:#065f46}.theme-btn.btn-green-morning i{color:#34d399}.theme-btn.btn-purple-afternoon.active{color:#fff;background:#5b21b6}.theme-btn.btn-purple-afternoon i{color:#c084fc}.theme-day .theme-switcher{background:#0000000d;border-color:#00000014}.theme-day .theme-label,.theme-day .theme-btn{color:#475569}.theme-day .theme-btn:hover{color:#0f172a;background:#0000000d}.theme-day .theme-btn.active{box-shadow:0 2px 8px #0000001a}@media (width<=900px){.theme-btn span{display:none}.theme-switcher{gap:4px;padding:4px}.theme-btn{border-radius:50%;justify-content:center;width:28px;height:28px;padding:6px}.theme-btn i{margin:0}}@media (width<=600px){.theme-label{display:none}}.navbar-sub .welcome-info{align-items:center;gap:8px;display:flex}.navbar-sub .welcome-info h2{color:var(--white);margin:0;font-size:.95rem;font-weight:600}.navbar-sub .welcome-info p{color:#fff9;margin:0;font-size:.75rem;display:none}.navbar-sub .welcome-date{color:var(--siesec-yellow);align-items:center;gap:6px;font-size:.8rem;font-weight:500;display:flex}@media (width>=769px){.navbar-sub .welcome-info p{display:inline}}.audit-bar-system{background:var(--db-navbar-bg,var(--siesec-blue));color:var(--white);text-align:center;letter-spacing:.3px;border-top:1px solid #ffffff1a;padding:8px 20px;font-size:.85rem;font-weight:600;transition:background-color .3s}.audit-bar-warning{color:var(--white);text-align:center;background:#dc2626;padding:6px 20px;font-size:.75rem;font-weight:600}.audit-bar-warning i{margin-right:6px}.audit-bar-session{background:var(--db-audit-session-bg,var(--siesec-blue-dark));color:#ffffffb3;text-align:center;white-space:nowrap;border-top:1px solid #ffffff0d;padding:6px 20px;font-size:.68rem;line-height:1.5;transition:background-color .3s;overflow-x:auto}.audit-bar-session span{color:#fff6;margin:0 4px}@media (width<=768px){.navbar-sub{justify-content:center;gap:10px}.audit-bar-system{padding:6px 10px;font-size:.72rem}.audit-bar-warning{padding:5px 10px;font-size:.65rem}.audit-bar-session{padding:5px 10px;font-size:.58rem}}.navbar-brand{align-items:center;gap:12px;display:flex}.navbar-brand img{width:auto;height:48px}.navbar-brand h1{color:var(--white);letter-spacing:.5px;margin:0;font-size:1.1rem;font-weight:600}.hamburger{color:var(--white);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;padding:8px 10px;font-size:1.2rem;transition:all .2s;display:flex}.hamburger:hover{background:#ffffff26}.nav-links{align-items:center;gap:5px;display:flex}.nav-links a{color:#fffc;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;text-decoration:none;transition:all .2s;display:flex}.nav-links a:hover{color:var(--white);background:#ffffff1a}.nav-links a i{color:var(--siesec-yellow)}.nav-user{color:var(--siesec-yellow);background:#ffffff14;border:1px solid #ffd7004d;border-radius:20px;align-items:center;gap:6px;margin-left:8px;padding:6px 16px;font-size:.85rem;font-weight:600;display:flex}.nav-logout{cursor:pointer;border:1px solid #ef44444d;background:#ef444426!important}.nav-logout:hover{background:#ef44444d!important}.nav-logout i{color:#fca5a5!important}.sidebar-overlay{z-index:200;background:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.sidebar{background:var(--db-sidebar-bg,var(--siesec-blue));z-index:300;width:280px;height:100%;padding-top:20px;transition:left .3s,background-color .3s;position:fixed;top:0;left:-280px;overflow-y:auto}.sidebar.active{left:0}.sidebar-overlay.active{display:block}.sidebar-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;margin-bottom:10px;padding:15px 20px;display:flex}.sidebar-header img{height:40px}.sidebar-header h2{color:var(--white);margin:0;font-size:1rem;font-weight:600}.sidebar-close{color:var(--white);cursor:pointer;background:0 0;border:none;font-size:1.3rem;position:absolute;top:15px;right:15px}.sidebar-menu{padding:0 10px;list-style:none}.sidebar-menu li a{color:#ffffffd9;cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:14px 20px;font-size:.95rem;text-decoration:none;transition:all .2s;display:flex}.sidebar-menu li a:hover{color:var(--white);background:#ffffff1a}.sidebar-menu li a i{text-align:center;width:22px;color:var(--siesec-yellow)}.sidebar-divider{background:#ffffff1a;height:1px;margin:10px 20px}.sidebar-section-title{color:#fff6;text-transform:uppercase;letter-spacing:1.5px;padding:8px 20px 4px;font-size:.7rem;font-weight:700}.sidebar-info-item{color:#ffffffd9;align-items:center;gap:12px;padding:10px 20px;font-size:.85rem;display:flex}.sidebar-info-item small{color:#ffffff80;font-size:.72rem}.sidebar-info-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;display:flex}.sidebar-info-icon.blue{color:#60a5fa;background:#3b82f633}.sidebar-info-icon.green{color:#34d399;background:#10b98133}.sidebar-info-icon.yellow{color:#fbbf24;background:#f59e0b33}.sidebar-info-icon.red{color:#f87171;background:#ef444433}@media (width<=768px){.nav-links{display:none}}