:root{--sidebar-width:272px;--sidebar-collapsed:82px;--topbar-height:68px}.app-shell{min-height:100vh}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:1040;width:var(--sidebar-width);display:flex;flex-direction:column;color:#fff;background:linear-gradient(175deg,#142f46 0%,#193b51 58%,#1d4d58 100%);box-shadow:10px 0 35px rgba(20,47,70,.12);transition:width .24s ease,transform .24s ease}.sidebar-brand{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.05rem;border-bottom:1px solid rgba(255,255,255,.09)}.sidebar-brand>a{min-width:0;display:flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none}.sidebar-brand strong,.sidebar-brand small{display:block;white-space:nowrap}.sidebar-brand strong{max-width:168px;overflow:hidden;text-overflow:ellipsis;font-size:.94rem}.sidebar-brand small{margin-top:.08rem;color:rgba(255,255,255,.55);font-size:.67rem}.sidebar-close{border:0;background:transparent;color:#fff;font-size:1.1rem}.sidebar-nav{flex:1;overflow-x:hidden;overflow-y:auto;padding:.7rem}.sidebar-section{margin-bottom:.55rem}.sidebar-caption{display:block;padding:.7rem .8rem .35rem;color:rgba(255,255,255,.4);font-size:.64rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}.sidebar-link{position:relative;display:flex;align-items:center;gap:.85rem;min-height:44px;padding:.65rem .8rem;border-radius:11px;color:rgba(255,255,255,.72);font-size:.86rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:.15s ease}.sidebar-link i{flex:none;width:22px;text-align:center;font-size:.98rem}.sidebar-link:hover{color:#fff;background:rgba(255,255,255,.07)}.sidebar-link.active{color:#fff;background:rgba(76,172,161,.25);box-shadow:inset 3px 0 #65c0b6}.sidebar-sublink{display:block;margin:.15rem 0 .15rem 3.25rem;padding:.3rem;color:rgba(255,255,255,.55);font-size:.76rem;text-decoration:none}.sidebar-sublink:hover,.sidebar-sublink.active{color:#fff}.sidebar-user{display:flex;align-items:center;gap:.7rem;min-height:76px;padding:.8rem 1rem;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.08)}.user-avatar,.topbar-avatar{display:grid;place-items:center;flex:none;border-radius:11px;font-weight:800}.user-avatar{width:39px;height:39px;color:#143344;background:#bfe2dd;font-size:.75rem}.sidebar-user-info{min-width:0;flex:1}.sidebar-user-info strong,.sidebar-user-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-info strong{font-size:.78rem}.sidebar-user-info small{color:rgba(255,255,255,.52);font-size:.68rem}.sidebar-user form button{border:0;padding:.4rem;color:rgba(255,255,255,.58);background:transparent}.sidebar-user form button:hover{color:#fff}.app-workspace{min-height:100vh;margin-left:var(--sidebar-width);transition:margin-left .24s ease}.app-topbar{position:sticky;top:0;z-index:1020;height:var(--topbar-height);display:flex;align-items:center;gap:1rem;padding:0 1.5rem;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.topbar-menu{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;color:var(--navy);background:#fff}.topbar-context{min-width:0;flex:1}.topbar-context span{font-weight:800}.topbar-context small{margin-left:.6rem;padding-left:.6rem;border-left:1px solid var(--line);color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:.8rem}.topbar-actions>a{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--muted);text-decoration:none;background:#f2f5f6}.topbar-avatar{width:36px;height:36px;color:#fff;background:var(--teal);font-size:.7rem}.sidebar-overlay{display:none}.sidebar-collapsed .app-sidebar{width:var(--sidebar-collapsed)}.sidebar-collapsed .app-workspace{margin-left:var(--sidebar-collapsed)}.sidebar-collapsed .sidebar-label,.sidebar-collapsed .sidebar-caption{display:none}.sidebar-collapsed .sidebar-brand{justify-content:center;padding:0}.sidebar-collapsed .sidebar-brand>a{gap:0}.sidebar-collapsed .sidebar-nav{padding:.7rem .75rem}.sidebar-collapsed .sidebar-section{margin-bottom:.3rem}.sidebar-collapsed .sidebar-link{justify-content:center;padding:.65rem}.sidebar-collapsed .sidebar-link i{width:auto;font-size:1.04rem}.sidebar-collapsed .sidebar-user{justify-content:center;padding:.8rem}.sidebar-collapsed .sidebar-user form{display:none}
@media(max-width:991.98px){.app-sidebar{width:min(86vw,300px);transform:translateX(-105%)}.app-workspace,.sidebar-collapsed .app-workspace{margin-left:0}.app-shell.sidebar-mobile-open .app-sidebar{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;z-index:1035;background:rgba(13,31,45,.48);backdrop-filter:blur(2px)}.app-shell.sidebar-mobile-open .sidebar-overlay{display:block}.app-topbar{padding:0 1rem}.sidebar-collapsed .app-sidebar{width:min(86vw,300px)}.sidebar-collapsed .sidebar-label,.sidebar-collapsed .sidebar-caption{display:block}.sidebar-collapsed .sidebar-brand{justify-content:space-between;padding:0 1.05rem}.sidebar-collapsed .sidebar-brand>a{gap:.75rem}.sidebar-collapsed .sidebar-nav{padding:.7rem}.sidebar-collapsed .sidebar-link{justify-content:flex-start;padding:.65rem .8rem}.sidebar-collapsed .sidebar-link i{width:22px}.sidebar-collapsed .sidebar-user{justify-content:flex-start;padding:.8rem 1rem}.sidebar-collapsed .sidebar-user form{display:block}}@media(max-width:575.98px){.topbar-context small{display:none}.app-content{padding-top:1.25rem!important}}