/* Secure24 Professional Blue navigation shell. */
aside{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4f6f96 transparent}
aside::-webkit-scrollbar{width:6px}aside::-webkit-scrollbar-track{background:transparent}aside::-webkit-scrollbar-thumb{background:#4f6f96;border-radius:999px}aside::-webkit-scrollbar-thumb:hover{background:#6886aa}
.side-brand,.side-bottom{flex-shrink:0}.company-logo{display:block;max-width:100%;max-height:100%;object-fit:contain;background:transparent}.login-logo{width:92px;height:92px}.sidebar-logo{width:48px;height:48px;flex:0 0 48px}.mobile-header,.drawer-overlay,.drawer-close{display:none}.mobile-logo{width:40px;height:40px;flex:0 0 40px}
@media (min-width:901px){
.mobile-header,.drawer-overlay,.drawer-close{display:none!important}.app{grid-template-columns:1fr!important}.app>aside#appSidebar{position:fixed!important;inset:0 auto 0 0!important;z-index:80!important;width:248px!important;height:100dvh!important;display:flex!important;flex-direction:column!important;padding:0!important;overflow:hidden!important;background:#0d2b57!important;border-right:0!important;box-shadow:3px 0 16px rgba(13,43,87,.18)!important}.app>main{grid-column:1/-1!important;margin-left:248px!important;width:calc(100% - 248px)!important;min-width:0!important}.app>aside#appSidebar .side-brand{flex:0 0 auto!important;position:relative!important;margin:0!important;padding:16px 14px!important;background:#0d2b57!important;border-bottom:1px solid rgba(255,255,255,.10)!important;display:flex!important;align-items:center!important;gap:10px!important}.app>aside#appSidebar .side-brand strong{color:#fff!important}.app>aside#appSidebar .side-brand span{color:#b9c9dd!important}.app>aside#appSidebar #nav{flex:1 1 auto!important;min-height:0!important;display:block!important;overflow-x:hidden!important;overflow-y:auto!important;padding:8px 0 12px!important;background:#0d2b57!important;scrollbar-width:thin;scrollbar-color:#4f6f96 transparent}.app>aside#appSidebar .nav-section{margin:3px 0 8px!important}.app>aside#appSidebar .nav-section-toggle{min-height:28px!important;padding:10px 14px 5px!important;color:#829ab8!important;font-size:9px!important;letter-spacing:.08em!important;font-weight:850!important}.app>aside#appSidebar #nav button[data-view]{width:calc(100% - 16px)!important;min-height:37px!important;margin:1px 8px!important;padding:8px 11px!important;border-radius:7px!important;line-height:1.25!important;color:#d9e5f3!important;background:transparent!important;opacity:1!important;box-shadow:none!important}.app>aside#appSidebar #nav button[data-view]:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}.app>aside#appSidebar #nav button[data-view].active{background:#1976d2!important;color:#fff!important;box-shadow:none!important}.app>aside#appSidebar .side-bottom{flex:0 0 auto!important;margin-top:0!important;padding:12px 10px 14px!important;border-top:1px solid rgba(255,255,255,.10)!important;background:#0d2b57!important}.app>aside#appSidebar .side-bottom #userName{color:#fff!important;font-weight:800!important}.app>aside#appSidebar .side-bottom #userRole{color:#a9bed6!important}.app>aside#appSidebar .side-bottom button{margin-top:7px!important;min-height:36px!important;font-size:12px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.13)!important;color:#e7eff8!important}.app>aside#appSidebar .side-bottom #logout{background:rgba(229,57,53,.18)!important;border-color:rgba(229,57,53,.38)!important;color:#fff!important}}
@media (min-width:651px) and (max-width:900px){.mobile-header,.drawer-overlay,.drawer-close{display:none!important}.app>aside#appSidebar{position:sticky!important;top:0!important;align-self:start!important;height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;background:#0d2b57!important;border-right:0!important}.app>aside#appSidebar #nav{overflow:visible!important;background:#0d2b57!important}.app>aside#appSidebar .side-brand,.app>aside#appSidebar .side-bottom{background:#0d2b57!important;color:#fff!important}}
@media (max-width:650px){body.nav-open{overflow:hidden}.mobile-header{display:flex!important;align-items:center;gap:10px;min-height:62px;padding:8px 12px;background:#fff!important;color:#0d2b57!important;position:sticky;top:0;z-index:60;border-bottom:1px solid #e2e8f0!important;box-shadow:0 2px 10px rgba(13,43,87,.05)!important}.menu-toggle{display:grid!important;align-content:center;gap:4px;width:42px;height:42px;min-width:42px;flex:0 0 42px;padding:10px;border:1px solid #d7e0e9!important;border-radius:9px;background:#f7f9fc!important}.menu-toggle span{display:block!important;width:100%;height:2px;border-radius:2px;background:#0d2b57!important}.mobile-heading strong{color:#0d2b57!important}.mobile-heading span{color:#64748b!important}.drawer-close{display:block!important}aside{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;z-index:70!important;width:min(86vw,300px)!important;height:100dvh!important;overflow-x:hidden;overflow-y:auto;transform:translateX(-105%);transition:transform .24s ease;background:#0d2b57!important;border-right:0!important;box-shadow:12px 0 35px rgba(13,43,87,.28)!important}.app.nav-open aside{transform:translateX(0)!important}.drawer-overlay{display:none!important}.app.nav-open .drawer-overlay{display:block!important;position:fixed;inset:0;z-index:65;background:rgba(13,43,87,.58)!important}.drawer-close{position:sticky;top:8px;z-index:6;flex:0 0 40px;margin-left:auto;margin-bottom:-40px;background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important}.side-brand{display:flex!important;padding:14px 48px 14px 14px!important;background:#0d2b57!important;border-bottom:1px solid rgba(255,255,255,.10)!important}.side-brand strong{color:#fff!important}.side-brand span{color:#b9c9dd!important}#nav{display:block!important;overflow:visible!important;background:#0d2b57!important;padding:8px 0 12px!important}#nav .nav-section-toggle{display:flex!important;color:#829ab8!important}#nav button[data-view]{font-size:13px!important;text-align:left!important;min-width:0!important;color:#d9e5f3!important;background:transparent!important;opacity:1!important}#nav button[data-view].active{background:#1976d2!important;color:#fff!important;box-shadow:none!important}.side-bottom{display:block!important;padding:12px 10px max(18px,env(safe-area-inset-bottom))!important;background:#0d2b57!important;border-top:1px solid rgba(255,255,255,.10)!important;color:#d9e5f3!important}.side-bottom #userName{color:#fff!important}.side-bottom #userRole{color:#a9bed6!important}.side-bottom button{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.13)!important;color:#e7eff8!important}.side-bottom #logout{background:rgba(229,57,53,.18)!important;border-color:rgba(229,57,53,.38)!important;color:#fff!important}}