.app-header{gap:16px}.header-brand{min-width:0;gap:0}.header-user{gap:13px}.header-user .user-name{display:inline;white-space:nowrap;font-size:12px;color:#65667b}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;padding:8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#746382}.icon-button svg{display:block;width:21px;height:21px}.icon-button:hover{background:#f3eff7;border-color:#e7deed}.icon-button:focus-visible{outline:2px solid #a48bbd;outline-offset:3px}.logout-button:hover{color:#a34d68;background:#fbf1f5;border-color:#f2dce5}.layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;align-content:start}.layout.menu-open{grid-template-columns:222px minmax(0,1fr)}.layout>.main{align-self:start;margin:0 auto;padding-top:25px}.sidebar[hidden],.menu-backdrop[hidden]{display:none!important}.menu-backdrop{display:none}.sidebar{align-self:start}.sidebar .nav{display:grid;gap:7px;margin:0}.sidebar .nav-label{display:block}.sidebar .nav button{display:flex;gap:12px;padding:13px;font-size:12px}.sidebar .nav button>span{font-size:20px}.sidebar .nav button small{display:inline}
@media(max-width:720px){.app-header{height:68px;padding:0 15px;gap:12px}.header-brand strong{font-size:17px}.header-brand small{font-size:9px}.header-user{gap:6px}.header-user>.user-name{display:inline!important;font-size:11px}.icon-button{flex-basis:34px;width:34px;height:36px;padding:7px}.layout,.layout.menu-open{display:block;min-height:calc(100vh - 68px)}.layout>.main{margin:0 auto;padding:20px 16px}.layout .sidebar{position:fixed;top:68px;bottom:0;left:0;z-index:40;width:228px;height:calc(100vh - 68px);height:calc(100dvh - 68px);overflow-y:auto;padding:23px 16px;box-shadow:8px 0 25px #28203814}.menu-backdrop:not([hidden]){display:block;position:fixed;inset:68px 0 0;z-index:35;width:100%;height:calc(100vh - 68px);height:calc(100dvh - 68px);border:0;border-radius:0;background:#25213538;padding:0;cursor:default}.menu-backdrop:not([hidden]):hover{background:#25213538}}