.app-shell{min-height:100vh}.app-sidebar{z-index:200;background:#155734;flex-direction:column;width:220px;transition:transform .3s;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%);box-shadow:2px 0 12px #0000002e}.app-sidebar.app-sidebar-open{transform:translate(0)}.app-sidebar-brand{color:#fff;letter-spacing:.5px;border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;min-height:65px;padding:16px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.app-sidebar-logo{flex:none;width:32px;height:32px}.app-sidebar-brand-accent{color:#82d6a5}.app-sidebar-nav{flex:1;padding:8px 0}.app-sidebar-link{color:#ffffffc7;cursor:pointer;width:100%;min-height:48px;font:inherit;text-align:left;background:0 0;border:0;border-left:3px solid #0000;align-items:center;gap:10px;padding:12px 16px;font-size:14px;text-decoration:none;transition:background .15s,color .15s;display:flex}.app-sidebar-link:hover,.app-sidebar-link.active{color:#fff;background:#ffffff1a}.app-sidebar-link.active{border-left-color:#82d6a5}.app-sidebar-link svg{opacity:.88;flex:none;width:17px;height:17px}.app-sidebar-group-toggle{position:relative}.app-sidebar-chevron{margin-left:auto;transition:transform .2s;opacity:.65!important;width:14px!important;height:14px!important}.app-sidebar-group.open>.app-sidebar-group-toggle .app-sidebar-chevron{transform:rotate(90deg)}.app-sidebar-submenu{background:#00000017;padding:3px 0;display:none}.app-sidebar-group.open>.app-sidebar-submenu{display:block}.app-sidebar-sublink{color:#ffffffb3;align-items:center;gap:10px;min-height:40px;padding:9px 16px 9px 43px;font-size:13px;text-decoration:none;display:flex}.app-sidebar-sublink:hover,.app-sidebar-sublink.active{color:#fff;background:#ffffff14}.app-sidebar-dot{background:#ffffff70;border-radius:50%;flex:none;width:6px;height:6px}.app-sidebar-sublink.active .app-sidebar-dot{background:#82d6a5}.app-sidebar-footer{border-top:1px solid #ffffff1f;padding:12px 16px}.app-sidebar-user{color:#fff;align-items:center;gap:10px;text-decoration:none;display:flex}.app-sidebar-avatar{color:#fff;background:#ffffff2e;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.app-sidebar-user-info{gap:2px;min-width:0;display:grid}.app-sidebar-user-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.app-sidebar-user-role{color:#fff9;font-size:11px}.app-sidebar-logout{margin:5px 0 0 44px}.app-sidebar-logout button{color:#ffffff9e;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}.app-sidebar-logout button:hover{color:#fff}.app-sidebar-overlay{z-index:199;background:#0000006b;border:0;display:none;position:fixed;inset:0}.app-sidebar-overlay.app-sidebar-overlay-open{display:block}.app-main{min-width:0;min-height:100vh}.app-topbar{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;min-height:64px;padding:10px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000d}.app-topbar-heading{flex:1;min-width:0}.app-topbar-heading>div{max-width:none;padding:0}.app-sidebar-toggle{color:#155734;background:#fff;border:1px solid #cfe6d8;border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.app-sidebar-toggle svg{width:20px;height:20px}@media (width>=769px){.app-sidebar{transform:translate(0)}.app-sidebar-overlay{display:none!important}.app-main{margin-left:220px}.app-topbar{min-height:72px;padding:12px 24px}.app-sidebar-toggle{display:none}}@media (prefers-reduced-motion:reduce){.app-sidebar,.app-sidebar-chevron{transition:none}}