:root{--sidebar-width:276px;--sidebar-small:76px;--topbar-height:76px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:#102f26;color:#d8e7e1;z-index:100;display:flex;flex-direction:column;transition:width .22s ease,transform .22s ease;box-shadow:12px 0 35px rgba(9,38,29,.1)}.sidebar-brand{height:var(--topbar-height);display:flex;align-items:center;gap:12px;padding:0 19px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:#3aa176;border-radius:11px;font-size:21px;font-weight:900;flex-shrink:0}.brand-copy{min-width:0;white-space:nowrap}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{font-size:16px}.brand-copy small{font-size:10px;color:#98bbae;letter-spacing:.05em}.side-nav{padding:15px 11px 28px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#41675b transparent}.side-link,.nav-group>summary{min-height:45px;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:9px;color:#c8dbd4;text-decoration:none;font-size:13px;font-weight:700;cursor:pointer;list-style:none;white-space:nowrap}.nav-group>summary::-webkit-details-marker,.nested summary::-webkit-details-marker{display:none}.side-link:hover,.nav-group>summary:hover,.side-link.active{background:rgba(255,255,255,.09);color:#fff}.side-link.active{background:#2a795c;box-shadow:0 7px 18px rgba(0,0,0,.14)}.nav-icon{display:grid;place-items:center;width:28px;height:28px;font-size:17px;flex-shrink:0}.nav-label{overflow:hidden}.chevron{margin-left:auto;font-size:16px;transition:transform .2s}.nav-group[open]>summary .chevron{transform:rotate(180deg)}.nav-children{position:relative;margin:2px 0 7px 27px;padding:4px 0 4px 17px;border-left:1px solid rgba(255,255,255,.13)}.nav-children>a,.future-link,.nested summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:7px;color:#acc7bd;text-decoration:none;font-size:12px;line-height:1.25}.nav-children>a:hover,.nav-children>a.active{background:rgba(255,255,255,.08);color:#fff}.nav-children>a.active{color:#75d4aa}.future-link{cursor:default;color:#78998d}.future-link small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.08);border-radius:10px;padding:2px 5px}.nested{margin-left:15px;padding-left:10px}.nested details>summary{cursor:pointer;color:#a9c6bb;font-weight:700}.nested details>summary span{margin-left:auto}.nested details>div{padding-left:7px}.app-frame{min-height:100vh;margin-left:var(--sidebar-width);transition:margin-left .22s ease}.topbar{height:var(--topbar-height);position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:18px;padding:0 30px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #dce7e2}.menu-toggle{width:40px;height:40px;border:1px solid #d8e4df;background:#fff;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.menu-toggle span{display:block;width:18px;height:2px;background:#274c40;border-radius:2px}.topbar-title{flex:1}.topbar-title strong,.topbar-title small{display:block}.topbar-title strong{font-size:15px}.topbar-title small{font-size:10px;color:#788b84}.user-avatar{width:36px;height:36px;border-radius:50%;background:#e2f2ea;color:#17684d;display:grid;place-items:center;font-weight:900}.app-frame .app-shell{max-width:1400px;margin:0 auto;padding:34px 30px}.sidebar-scrim{display:none}.sidebar-collapsed .sidebar{width:var(--sidebar-small)}.sidebar-collapsed .app-frame{margin-left:var(--sidebar-small)}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-label,.sidebar-collapsed .chevron{display:none}.sidebar-collapsed .sidebar-brand{padding:0 18px}.sidebar-collapsed .side-link,.sidebar-collapsed .nav-group>summary{padding:8px 12px;justify-content:center}.sidebar-collapsed .nav-group[open]>.nav-children{display:none}.sidebar-collapsed .nav-group>summary{position:relative}.sidebar-collapsed .nav-group>summary:hover::after,.sidebar-collapsed .side-link:hover::after{content:attr(aria-label);position:absolute;left:62px;background:#102f26;color:#fff;padding:7px 10px;border-radius:6px;white-space:nowrap;box-shadow:0 5px 18px rgba(0,0,0,.2)}@media(max-width:900px){.sidebar{transform:translateX(-100%);width:min(300px,88vw)}.app-frame{margin-left:0}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-scrim{display:block;position:fixed;inset:0;border:0;background:rgba(7,28,22,.5);z-index:90}.topbar{padding:0 16px}.topbar-title small{display:none}.user-menu>div:not(.user-avatar){display:none}.app-frame .app-shell{padding:24px 15px}.sidebar-collapsed .app-frame{margin-left:0}}@media(max-width:520px){.text-button{font-size:0}.text-button::after{content:'Exit';font-size:12px}.topbar{gap:10px}.topbar-title strong{max-width:105px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}