.mobile-header,.menu-toggle,.menu-close,.menu-backdrop{display:none}
@media(max-width:1024px){
.layout{display:block}.workspace{width:100%;margin-left:0}.mobile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid var(--line);padding:14px 20px;position:sticky;top:0;z-index:20}.mobile-header .brand{font-size:14px}.mobile-header .brand-icon{width:38px;height:38px;font-size:28px}.mobile-header .brand small{font-size:8px}.menu-toggle{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;padding:11px 12px;border:1px solid var(--celeste);border-radius:10px;color:var(--corporate);background:var(--pale);font-weight:700;font-size:12px;min-height:44px}.hamburger{display:grid;gap:4px;width:20px}.hamburger i{display:block;height:2px;background:var(--corporate);border-radius:2px}.sidebar{position:fixed;inset:0 auto 0 0;width:min(310px,86vw);height:100dvh;padding:28px 20px;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;background:#fff;border-right:1px solid var(--celeste);box-shadow:12px 0 45px #14213d20;z-index:50;transform:translateX(-110%);visibility:hidden;transition:transform .22s ease,visibility .22s}.sidebar .brand{padding-right:35px}.sidebar .side-caption{display:block;margin:32px 0 16px}.sidebar nav{display:grid;overflow:visible;margin:0;padding:0;gap:7px}.sidebar nav a{padding:13px 14px;font-size:13px;gap:12px;white-space:normal;min-height:46px}.sidebar nav a span{font-size:20px;width:23px}.sidebar .side-bottom{display:block;margin-top:auto;padding-top:26px}.menu-close{display:grid;place-items:center;position:absolute;top:25px;right:16px;width:36px;height:36px;border:1px solid var(--celeste);border-radius:9px;background:var(--pale);color:var(--corporate);font-size:19px}.menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100dvh;border:0;background:#14213d80;z-index:40;cursor:pointer;backdrop-filter:blur(2px)}body.menu-open{overflow:hidden}body.menu-open .sidebar{transform:translateX(0);visibility:visible}.guest .mobile-header,.guest .menu-close{display:none}.guest .sidebar{position:relative;inset:auto;width:100%;height:auto;min-height:0;display:block;transform:none;visibility:visible;box-shadow:none;border-right:0;border-bottom:1px solid var(--line);padding:16px 20px}.guest .sidebar .side-caption,.guest .sidebar nav,.guest .sidebar .side-bottom,.guest .sidebar:after{display:none}.topbar{position:relative;z-index:0}
}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}
