:root{--sidebar-width-expanded:232px;--sidebar-width-collapsed:64px}.app-shell{min-height:100vh;display:flex}.sidebar{flex:0 0 var(--sidebar-width-expanded);height:100vh;width:var(--sidebar-width-expanded);transition:width .18s,flex-basis .18s,padding .18s;position:sticky;inset:0 auto auto;overflow:hidden}.workspace{flex:1;min-width:0;margin-left:0;transition:width .18s}.brand,.sidebar nav a,.account{white-space:nowrap}.brand>span{flex:0 0 38px}.sidebar nav{overflow:hidden auto}.sidebar nav a i{flex:0 0 19px}.sidebar-footer{border-top:1px solid var(--line);margin-top:auto;padding-top:10px}.account{border-top:0;margin-top:0;padding-top:13px}.account>b{flex:0 0 32px}.sidebar-toggle{border:1px solid var(--line);color:#526b64;background:#f8faf9;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;height:34px;display:flex}.sidebar-toggle:hover{background:var(--brand-pale);color:var(--brand-dark)}.sidebar-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sidebar nav a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sidebar-toggle span{font-size:18px;line-height:1}.sidebar-toggle b{font-size:10px}.sidebar-collapsed .sidebar{flex-basis:var(--sidebar-width-collapsed);width:var(--sidebar-width-collapsed);padding-inline:7px}.sidebar-collapsed .brand{justify-content:center;padding-inline:0}.sidebar-collapsed .brand div,.sidebar-collapsed .menu-label,.sidebar-collapsed .sidebar nav section>p,.sidebar-collapsed .account span,.sidebar-collapsed .sidebar-toggle b{display:none}.sidebar-collapsed .sidebar nav a{justify-content:center;gap:0;padding-inline:0}.sidebar-collapsed .sidebar nav a i{flex-basis:38px;width:38px}.sidebar-collapsed .account{justify-content:center;padding-inline:0}.sidebar-collapsed .sidebar-toggle{padding:0}@media (max-width:700px){.sidebar{flex-basis:var(--sidebar-width-collapsed);width:var(--sidebar-width-collapsed);padding:18px 7px}.menu-label,.sidebar-toggle b{display:none}.brand{justify-content:center;padding-inline:0}.sidebar nav a{gap:0;padding-inline:0}.sidebar nav a i{flex-basis:38px;width:38px}.account{justify-content:center;padding-inline:0}.workspace{margin-left:0}}.account-control{flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.account-control>small{max-width:190px}.account-control .view-modal{color:#17262c}.account-control form>label{margin:12px 0;display:block}.account-control form input{width:100%;padding:9px}.account-control .modal-backdrop{z-index:1000}.sidebar-collapsed .account-control>span{display:none}.auth-dialog{border:0;margin:auto}.auth-dialog::backdrop{background:#17262c66}