.popup-menu{position:absolute;top:56px;right:12px;z-index:1100;width:min(360px,calc(100vw - 24px));max-height:min(520px,calc(100vh - 72px));background:var(--surface-overlay,#fff);border:1px solid var(--surface-border,rgba(0,0,0,.08));border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.08),0 16px 32px -8px rgba(0,0,0,.14);padding:0;display:flex;flex-direction:column;overflow:hidden;animation:popupMenuIn .18s cubic-bezier(.2,.8,.2,1);transform-origin:top right}.popup-menu-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--surface-border,rgba(0,0,0,.06));flex-shrink:0}.popup-menu-header h3{margin:0;font-size:.95rem;font-weight:600;color:var(--text-color,#1e293b);letter-spacing:-.01em}.popup-menu-header span{font-size:.75rem;color:var(--text-color-secondary,#64748b)}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;padding:12px;overflow-y:auto;overflow-x:hidden;flex:1 1 auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.45) transparent}.menu-grid::-webkit-scrollbar{width:6px}.menu-grid::-webkit-scrollbar-track{background:transparent}.menu-grid::-webkit-scrollbar-thumb{background:rgba(100,116,139,.4);border-radius:999px}.menu-grid::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.6)}.menu-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:12px 8px 10px;cursor:pointer;border-radius:12px;text-align:center;text-decoration:none;color:var(--text-color,#334155);transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.menu-item:hover{background:var(--surface-hover,#f1f5f9);transform:translateY(-1px)}.menu-item:active{transform:translateY(0);background:var(--surface-100,#e2e8f0)}.menu-item-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.35);transition:transform .15s ease}.menu-item:hover .menu-item-icon{transform:scale(1.06)}.menu-item-icon i{font-size:1.15rem;margin:0;color:#fff;line-height:1}.menu-item span{font-size:.72rem;font-weight:500;line-height:1.25;max-width:100%;word-break:break-word;color:var(--text-color,#475569)}.popup-menu-footer{padding:8px 12px 12px;border-top:1px solid var(--surface-border,rgba(0,0,0,.06));flex-shrink:0}.menu-item-logout{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;border-radius:10px;text-decoration:none;font-size:.85rem;font-weight:500;color:#b91c1c;background:#fef2f2;transition:background .15s ease,color .15s ease}.menu-item-logout:hover{background:#fee2e2;color:#991b1b}.menu-item-logout i{font-size:.95rem;color:inherit;margin:0}@keyframes popupMenuIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:500px){.popup-menu{right:8px;width:min(300px,calc(100vw - 16px))}.menu-grid{grid-template-columns:repeat(3,1fr);gap:4px;padding:10px}.menu-item{padding:10px 4px 8px}.menu-item-icon{width:40px;height:40px;border-radius:10px}.menu-item-icon i{font-size:1rem}}