:root{--sidebar-width: 240px;--topbar-height: 56px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:#fff;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;z-index:100;overflow-y:auto}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000059;z-index:99}.topbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--topbar-height);background:#fff;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;padding:0 20px;gap:12px;z-index:90}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px;color:#555}.main-content{margin-left:var(--sidebar-width);margin-top:var(--topbar-height);min-height:calc(100vh - var(--topbar-height))}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .22s ease;z-index:200}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.topbar{left:0}.hamburger{display:flex}.main-content{margin-left:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}