.app-layout{min-height:100vh}.sidebar{color:#dcebe6;z-index:30;background:#113f35;flex-direction:column;width:250px;padding:22px 14px;display:flex;position:fixed;top:0;bottom:0;right:0}.sidebar-brand{align-items:center;gap:11px;padding:0 10px 24px;display:flex}.sidebar-brand .mark{color:#175d4c;background:#fff;border-radius:13px;place-items:center;width:42px;height:42px;font-size:24px;font-weight:900;display:grid}.sidebar-brand strong{color:#fff;font-size:20px}.sidebar-brand small{color:#9fc0b5;margin-top:3px;font-size:10px;display:block}.nav-group{color:#83aa9e;padding:15px 13px 8px;font-size:10px;font-weight:700}.nav-item{color:#bad2ca;border-radius:11px;align-items:center;gap:11px;height:44px;margin:2px 0;padding:0 12px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#174f42;background:#fff;box-shadow:0 8px 20px #0000001f}.nav-item .icon{width:19px}.sidebar-user{border-top:1px solid #ffffff1a;align-items:center;gap:10px;margin-top:auto;padding:16px 8px 0;display:flex}.sidebar-user .avatar{background:#d6ece5;border-radius:12px;width:38px;height:38px}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-info strong,.sidebar-user-info span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-user-info strong{color:#fff;font-size:12px}.sidebar-user-info span{color:#9fc0b5;margin-top:3px;font-size:10px}.logout-btn{color:#a9c7bd;cursor:pointer;background:0 0;border:0;padding:6px}.app-main{min-height:100vh;margin-right:250px}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#ffffffeb;border-bottom:1px solid #e3ebe8;align-items:center;height:70px;padding:0 30px;display:flex;position:sticky;top:0}.topbar-context{color:#60736c;font-size:13px}.topbar-context strong{color:#233c35}.topbar-actions{align-items:center;gap:8px;margin-right:auto;display:flex}.icon-btn{color:#50665f;cursor:pointer;background:#fff;border:1px solid #e0e8e5;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;position:relative}.icon-btn .dot{background:#c65a4a;border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.mobile-menu,.mobile-nav{display:none}.shell-loading{place-items:center;height:100vh;display:grid}.shell-loading>div{border:4px solid #dce9e5;border-top-color:#175d4c;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.backdrop{display:none}@media (max-width:900px){.sidebar{transition:all .22s;transform:translate(105%)}.sidebar.open{transform:none}.backdrop.show{z-index:25;background:#0b201b66;display:block;position:fixed;inset:0}.app-main{margin-right:0}.topbar{height:60px;padding:0 16px}.mobile-menu{margin-left:10px;display:grid}.topbar-context{font-size:12px}.mobile-nav{z-index:20;height:72px;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #dce7e3;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#71837d;flex-direction:column;align-items:center;gap:4px;min-width:58px;font-size:10px;font-weight:700;display:flex}.mobile-nav a.active{color:#175d4c}.mobile-nav .icon{width:20px;height:20px}}.sidebar-brand-row{align-items:center;display:flex}.sidebar-brand-row .sidebar-brand{flex:1;min-width:0}.collapse-btn{color:#b9d2ca;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:9px;place-items:center;width:30px;height:30px;margin:-20px 0 4px;display:grid}.collapse-btn .icon{width:15px;transform:rotate(180deg)}.sidebar-collapsed .sidebar{width:82px}.sidebar-collapsed .app-main{margin-right:82px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-group,.sidebar-collapsed .nav-item span,.sidebar-collapsed .sidebar-user-info{display:none}.sidebar-collapsed .sidebar-brand{padding-inline:5px}.sidebar-collapsed .nav-item{justify-content:center;padding:0}.sidebar-collapsed .sidebar-user{flex-wrap:wrap;justify-content:center;padding-inline:0}.sidebar-collapsed .collapse-btn .icon{transform:none}.sidebar,.app-main{transition:width .2s,margin-right .2s}.quick-create{min-height:40px;padding-inline:13px;font-size:12px}.topbar-profile{align-items:center;gap:8px;padding-right:8px;display:flex}.topbar-profile .avatar{border-radius:11px;width:36px;height:36px}.topbar-profile strong,.topbar-profile small{display:block}.topbar-profile strong{font-size:11px}.topbar-profile small{color:var(--muted);margin-top:2px;font-size:9px}.security-banner{background:var(--gold-soft);color:#704b12;border-bottom:1px solid #ead5aa;padding:10px 30px;font-size:12px;font-weight:700}.app-layout.sidebar-collapsed .nav-item{position:relative}@media (max-width:900px){.collapse-btn{display:none}.sidebar-collapsed .sidebar{width:250px}.sidebar-collapsed .app-main{margin-right:0}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-group,.sidebar-collapsed .nav-item span,.sidebar-collapsed .sidebar-user-info{display:block}.security-banner{padding:9px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}