.application-shell{--shell-width:200px;--shell-accent:#54c9b4;--shell-header-padding:22px 10px;--shell-header-gap:18px;--nav-item-padding:10px 12px;--nav-item-gap:10px;--nav-font-size:14px;--nav-item-min-height:44px;background:var(--color-surface)}
.application-shell>header{position:fixed;inset:0 auto 0 0;width:var(--shell-width);padding:var(--shell-header-padding);display:flex;flex-direction:column;align-items:stretch;gap:var(--shell-header-gap);z-index:20;background:#122537;border-right:1px solid #294052}
.application-shell .brand{padding:0 12px;color:#f4f9ff;letter-spacing:2px}.application-shell .brand small{color:#a9c2d3;letter-spacing:.5px;margin-top:4px}
.application-shell #main-navigation{display:flex;flex-direction:column;gap:5px;flex:1;overflow:auto}.nav-section{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:#a7bbcb;padding:18px 12px 8px}
.application-shell #main-navigation a{padding:var(--nav-item-padding);border-radius:6px;font-size:var(--nav-font-size);min-height:var(--nav-item-min-height);color:#d1dfeb}.application-shell #main-navigation a:hover{background:#233c50}
.application-shell>header form button{width:100%;background:#243b4e;color:#e4edf5}.application-shell>main{max-width:none;margin:0 0 0 var(--shell-width);padding:28px;min-height:calc(100vh - 65px)}.application-shell>footer{margin-left:var(--shell-width)}
.application-shell [hidden]{display:none!important}.application-shell :focus-visible{outline:3px solid #168b99;outline-offset:3px}
.application-shell #main-navigation a{display:flex;align-items:center;gap:var(--nav-item-gap);line-height:1.4;text-decoration:none}
.application-shell #main-navigation .admin-icon,.application-shell #main-navigation .camera-icon{width:18px;height:18px;flex:none}
.application-shell #main-navigation a:has(>svg)::before{content:none}
.application-shell .skip-link{z-index:50;color:#173654;border-radius:6px}
.application-shell>header{background:#151d26;border-color:#2c3946;box-shadow:none}
.application-shell #main-navigation a[aria-current=page]{background:#203b41;color:#fff;box-shadow:inset 3px 0 var(--shell-accent)}
.application-shell #main-navigation a:hover{background:#263540}
.application-shell>main{min-width:0}
@media(max-width:720px){
 .application-shell>header{position:sticky;top:0;width:auto;flex-direction:row;align-items:center;flex-wrap:wrap;padding:12px 16px;gap:12px}.application-shell .brand{padding:0;flex:1}.application-shell>header form{margin-left:auto}.application-shell>header form button{width:auto}.application-shell>main{margin:0;padding:18px 12px}.application-shell>footer{margin-left:0}
 .application-shell #main-navigation{position:static;flex-basis:100%;width:100%;max-height:calc(100dvh - 100px);padding:8px 0;overscroll-behavior:contain;background:#151d26;box-shadow:none;z-index:30}.application-shell .menu-toggle{display:block;min-height:44px}.application-shell>header button{min-height:44px}
}
@media(min-width:901px) and (max-width:1100px){.application-shell{--shell-width:176px}}