.app-header{position:relative}
.app-header .brand-container{max-width:calc(100% - 48px)}
.hk-menu-trigger{position:absolute;right:18px;top:19px;width:40px;height:40px;border-radius:13px;border:1px solid #f5a2db55;background:linear-gradient(135deg,#8a319c,#4c1d70);color:#ffe0aa;display:grid;place-items:center;font-size:17px;cursor:pointer;box-shadow:0 4px 16px #27063250}
.hk-menu-layer{position:absolute;inset:0;z-index:10020;isolation:isolate}
.hk-menu-layer[hidden],.hk-menu-layer [hidden]{display:none!important}
.hk-menu-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#10031bb3;backdrop-filter:blur(5px);cursor:pointer}
.hk-menu-panel{position:absolute;right:0;top:0;bottom:0;width:min(360px,94%);display:flex;flex-direction:column;background:linear-gradient(155deg,#351049,#210c34 55%,#30103d);border-left:1px solid #c17ce64d;box-shadow:-12px 0 40px #09021266;color:#fff;animation:hkMenuEnter .22s ease-out}
.hk-menu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:25px 20px 20px;background:linear-gradient(125deg,#86387940,#43196033);border-bottom:1px solid #d6a2f020;flex-shrink:0}
.hk-menu-eyebrow{font-size:8px;letter-spacing:2.5px;color:#efbc88;font-weight:700}
.hk-menu-head h2{font-family:var(--font-heading);font-size:21px;font-weight:500;line-height:1.3;margin:7px 0 0;color:#ffecf8}
.hk-menu-close{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;border:1px solid #dca4ee35;background:#ffffff08;color:#e5c6ef;font-size:18px;cursor:pointer}
.hk-menu-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:18px 16px 22px;scrollbar-width:none}
.hk-menu-content::-webkit-scrollbar{display:none}
.hk-menu-welcome{display:flex;gap:12px;align-items:center;padding:4px 5px 20px}
.hk-menu-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#d866a944,#955bd033);border:1px solid #f8bcdf30;color:#f8c2d9;font-size:18px;flex-shrink:0}
.hk-menu-welcome strong{font-size:14px;display:block;overflow-wrap:anywhere}
.hk-menu-welcome small{font-size:10px;line-height:1.5;color:#bd9fc9;display:block;margin-top:4px}
.hk-menu-nav{display:flex;flex-direction:column;gap:5px}
.hk-menu-row{width:100%;display:flex;align-items:center;gap:11px;min-height:48px;padding:9px 10px;border:1px solid transparent;border-radius:13px;background:transparent;color:#f2e5fa;text-decoration:none;font:500 12px var(--font-body);text-align:left;cursor:pointer;list-style:none}
.hk-menu-row:hover,.hk-menu-row:focus-visible{background:#c276ed14;border-color:#d990f52c}
.hk-menu-row>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.hk-menu-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#b97ce912;color:#d2a1ef;font-size:14px;flex-shrink:0}
.hk-menu-arrow,.hk-menu-chevron{font-size:10px;color:#ab81bf}
.hk-menu-count{color:#e3b8f2;background:#b572d719;border-radius:7px;font-size:9px;padding:3px 6px}
.hk-menu-group summary::-webkit-details-marker{display:none}
.hk-menu-group[open]{background:#16072245;border-radius:13px}
.hk-menu-group[open] .hk-menu-chevron{transform:rotate(180deg)}
.hk-menu-subnav{padding:2px 9px 10px 18px;border-left:1px solid #cb8feb26;margin:0 12px 8px 25px}
.hk-menu-category{display:flex;align-items:center;gap:9px;width:100%;padding:8px 4px;border:0;border-radius:10px;background:transparent;color:#e7d1f2;font:500 11px var(--font-body);text-align:left;cursor:pointer}
.hk-menu-category:hover{background:#ffffff08}
.hk-menu-category>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.hk-menu-category>i{font-size:10px;color:#ac81bf}
.hk-menu-category-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:18px;flex-shrink:0}
.hk-menu-category-icon img{width:23px;height:23px;object-fit:contain}
.hk-menu-empty{color:#b597c4;font-size:11px;padding:10px 0}
.hk-menu-logout{color:#e4a7bc;margin-top:7px}
.hk-menu-logout .hk-menu-icon{color:#edacc1;background:#ea648816}
.hk-menu-admin{color:#f5ce91}
.hk-menu-admin .hk-menu-icon{color:#f5ce91;background:#d7a25319}
.hk-menu-support{margin-top:24px;padding:18px 13px 14px;border:1px solid #edb1d433;border-radius:20px;background:radial-gradient(circle at top right,#9b336b33,transparent 70%),linear-gradient(140deg,#51204c6b,#30143988)}
.hk-menu-support-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#f3c29619;color:#f6cda0;margin-bottom:10px}
.hk-menu-support h3{font-family:var(--font-heading);font-size:18px;font-weight:500;margin:0 0 5px;color:#f8dfed}
.hk-menu-support p{font-size:10px;line-height:1.6;color:#c5a4cc;margin:0 0 15px}
.hk-support-link{display:flex;align-items:center;gap:10px;padding:11px 10px;background:#ffffff05;border:1px solid #e6abd521;border-radius:12px;text-decoration:none;color:#efd8f4;margin-top:8px}
.hk-support-link>i:first-child{font-size:17px;color:#dfb4e7}
.hk-support-link>span{flex:1;font-size:11px;font-weight:600}
.hk-support-link small{display:block;font-size:9px;font-weight:400;color:#bb9cc8;margin-top:3px}
.hk-support-link>i:last-child{font-size:9px;opacity:.7}
.hk-support-whatsapp{background:#53bc8310;border-color:#75d89b2b}
.hk-support-whatsapp>i:first-child{color:#80e4a7;font-size:20px}
.hk-support-hours{display:block;color:#bf9bc9;font-size:9px;line-height:1.6;margin:13px 2px 0}
.hk-menu-foot{text-align:center;color:#ad83bc;font-size:9px;margin-top:20px}
.hk-menu-foot span{color:#de9bbb;font-size:14px;margin-left:5px}
@keyframes hkMenuEnter{from{transform:translateX(100%);opacity:.5}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.hk-menu-panel{animation:none}}