.burger-panel{position:fixed;top:0;width:260px;height:100vh;background:#fff;box-shadow:2px 0 12px rgba(0,0,0,.15);display:flex;flex-direction:column;transform:translateX(-100%);opacity:0;transition:transform .35s ease,opacity .35s ease;z-index:9999;overflow:hidden}.burger-panel.open{transform:translateX(0);opacity:1}.burger-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 0 16px}.burger-footer{border-top:1px solid #ddd;padding:14px;background:#fff;position:sticky;bottom:0;text-align:center}.close-burger{background:none;border:none;font-size:2rem;position:absolute;top:14px;right:14px;cursor:pointer;color:#666}.burger-panel ul{list-style:none;margin:0;padding:0;flex:1}.burger-panel li{margin:10px 0}.burger-panel a{display:flex;align-items:center;gap:10px;color:#333;font-size:1rem;text-decoration:none;padding:6px 8px;border-radius:6px;transition:background .2s,color .2s}.burger-panel a:hover{background:var(--red);color:#FFFFFF}.burger-panel ul ul{margin-left:18px;margin-top:6px;font-size:.9rem;border-left:2px solid #eee;padding-left:10px}.burger-account{border-bottom:1px solid #eee;padding-bottom:12px;margin-bottom:16px;font-weight:600;color:var(--red)}.burger-account a{display:flex;align-items:center;gap:8px;text-decoration:none;color:#333}.burger-account a:hover{color:white}.burger-header{position:sticky;top:0;background:#fff;z-index:10;padding-bottom:10px;border-bottom:1px solid #eee}.menu-root{list-style:none;padding:0;margin:0}.menu-item{border-bottom:1px solid #f1f1f1;overflow:hidden}.menu-item>a,.menu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;color:#222;font-size:1rem;padding:10px 8px;cursor:pointer;text-align:left}.menu-item>a:hover,.menu-toggle:hover{background:var(--red);color:#fff}.menu-item:not(.open) .submenu{grid-template-rows:0fr;overflow:hidden}.menu-item.open .submenu{grid-template-rows:1fr;max-height:500px}.submenu{max-height:0;overflow:hidden;transition:max-height .35s ease;background:#fafafa;border-left:2px solid var(--red);margin-left:8px}.submenu>*{overflow:hidden}.submenu a{display:block;padding:8px 12px;color:#333;font-size:.9rem}.submenu a:hover{background:#ffecec;color:var(--red)}.menu-item.open .submenu{grid-template-rows:1fr}.menu-item.open .chevron{transform:rotate(180deg)}.chevron{transition:transform .25s ease}.logout-link{color:var(--red);font-weight:600;text-decoration:none}.logout-link:hover{text-decoration:underline}.burger-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease}.burger-overlay.show{opacity:1;visibility:visible}