/* Compact navigation and functional account menu. */
.app-shell{grid-template-columns:230px 1fr}
.sidebar{width:230px;padding:18px 14px}
.brand{height:96px;font-size:25px}
.brand-logo{width:48px;height:48px}
.side-nav{gap:3px}
.nav-item{min-height:43px;padding:0 14px;gap:11px;font-size:14px}
.nav-icon{font-size:17px;width:19px}
.account-menu{position:relative;margin-left:0}
.account-menu>summary{list-style:none;cursor:pointer}
.account-menu>summary::-webkit-details-marker{display:none}
.account-menu[open] .chevron{transform:rotate(180deg)}
.account-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:220px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 14px 35px #1720192e;display:grid;z-index:50}
.account-dropdown a,.account-dropdown button{display:block;width:100%;border:0;background:transparent;padding:11px 12px;border-radius:9px;text-align:left;color:var(--text);font:inherit;cursor:pointer}
.account-dropdown a:hover,.account-dropdown button:hover{background:var(--sage)}
.account-dropdown form{margin:0;border-top:1px solid var(--line);padding-top:5px}
.account-dropdown form button{color:#a32626}
.notification-button{display:grid;place-items:center;min-width:42px;min-height:42px;color:var(--olive)}
.notification-button svg{display:block}
.main-column,.content{min-width:0}
@media(max-width:1400px) and (min-width:801px){.app-shell{grid-template-columns:205px 1fr}.sidebar{width:205px}.nav-item{padding:0 11px}.content{padding-left:20px;padding-right:20px}}
@media(max-width:1050px) and (min-width:801px){.topbar{padding-inline:18px;gap:12px}.page-name{min-width:auto;white-space:nowrap}.global-search{max-width:320px}.account{min-width:0}.account>span:nth-child(2),.account .chevron{display:none}}
@media(max-width:800px){body.sidebar-open{overflow:hidden}.app-shell{display:block}.sidebar{width:min(280px,85vw);box-shadow:18px 0 45px #17201942}.main-column{width:100%}.topbar{height:68px;padding:0 14px;gap:10px}.menu-toggle{display:grid;place-items:center;min-width:42px;min-height:42px}.page-name{font-size:20px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search{display:none}.notification-button{margin-left:auto}.account-menu{margin-left:0}.account{min-width:0;height:auto;padding:0;border:0}.account>span:not(.avatar){display:none}.avatar{width:40px;height:40px}.account-dropdown{position:fixed;right:12px;top:64px;width:min(220px,calc(100vw - 24px))}.content{width:100%;max-width:100%;padding:16px 14px 30px;overflow-x:hidden}.table-scroll{max-width:100%;overflow-x:auto}.welcome-row{flex-wrap:wrap}.welcome-row>.button{width:auto}}
@media(max-width:420px){.topbar{padding-inline:10px}.page-name{font-size:18px}.notification-button{min-width:36px}.avatar{width:36px;height:36px}.content{padding-inline:10px}}