:root{--f-sidebar:#172554;--f-sidebar-mid:#1d4ed8;--f-sidebar-light:#3b82f6}
.app-sidebar{background:linear-gradient(165deg,#172554 0%,#1d4ed8 62%,#60a5fa 140%)!important;box-shadow:8px 0 25px rgba(15,23,42,.16)}
.brand-box{padding-bottom:25px;gap:13px}.brand-box img{width:76px;height:76px;flex:0 0 76px;border-radius:0;background:transparent;box-shadow:none;object-fit:contain}.brand-box span{font-size:1.2rem}.brand-box small{font-size:.72rem}
.side-label{color:#dbeafe}.side-link{color:#e0ecff}.side-link:hover{background:rgba(255,255,255,.16)}.side-link.active{background:linear-gradient(100deg,#60a5fa,#2563eb);box-shadow:0 8px 18px rgba(15,23,42,.25)}
.profile-chip{display:flex;align-items:center;gap:10px;color:#64748b;text-decoration:none}.profile-chip:hover{color:#2563eb}.profile-chip .user-avatar{flex:0 0 auto}
@media(max-width:900px){.user-chip .profile-chip>span:first-child{display:none}.user-chip .profile-chip .user-avatar{display:grid}}
@media(max-width:1100px){.app-sidebar{transform:translateX(-100%);width:250px}.app-sidebar.open{transform:translateX(0)}.app-shell.sidebar-collapsed .app-sidebar{transform:translateX(-100%);width:250px}.app-main{margin-left:0!important}.menu-toggle{display:inline-block!important}.app-topbar{padding:0 14px}.content-wrap{padding:20px 14px}.topbar-title{font-size:.86rem}.user-chip .profile-chip>span:first-child{display:none}.user-chip .profile-chip .user-avatar{display:grid}.monitor-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.phase-grid{grid-template-columns:1fr!important}.phase-card{min-height:158px;grid-template-columns:82px minmax(0,1fr)!important}.phase-card .phase-art{height:112px!important;width:76px!important}.phase-card .phase-info{padding-right:48px}.phase-card .phase-name{font-size:.9rem}.phase-card .phase-meta{font-size:.78rem}.feeder-card{padding:14px}.location-card{padding:12px}}
@media(max-width:460px){.content-wrap{padding:14px 10px}.app-topbar{height:58px}.topbar-title{font-size:.78rem}.monitor-summary{gap:8px}.monitor-stat{padding:10px}.monitor-stat .value{font-size:1.25rem}}

.app-shell.sidebar-collapsed .app-sidebar.open{transform:translateX(0)!important}

.brand-box{cursor:zoom-in}
.fomo-logo-modal{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(7,18,51,.82);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.fomo-logo-modal.show{opacity:1;visibility:visible}.fomo-logo-modal img{width:min(78vw,360px);height:min(78vw,360px);object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.42));transform:scale(.65) rotate(-7deg);transition:transform .32s cubic-bezier(.2,.8,.2,1)}.fomo-logo-modal.show img{transform:scale(1) rotate(0)}.fomo-logo-close{position:absolute;top:18px;right:20px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}.fomo-logo-close:hover{background:rgba(255,255,255,.28)}
.brand-box{cursor:default}.brand-box img{cursor:zoom-in}.fomo-logo-modal img{width:min(90vw,1080px);height:min(90vw,1080px)}
.sidebar-backdrop{z-index:1025!important}.menu-toggle{position:relative;z-index:1050}
@media(max-width:1100px){.menu-toggle{position:fixed!important;left:10px;top:10px;width:38px;height:38px;display:grid!important;place-items:center;padding:0;border-radius:10px;background:#fff;color:#17326f;box-shadow:0 3px 12px rgba(15,23,42,.28);font-size:1.15rem}.app-topbar>div:first-child{padding-left:44px}.app-sidebar{z-index:1040!important}.sidebar-backdrop.show{z-index:1035!important}}
.menu-toggle{display:inline-grid!important;place-items:center;position:relative;z-index:1100;cursor:pointer}