.qa-fab{position:fixed;right:20px;bottom:20px;z-index:900;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--brand-primary),#0a4a3b);box-shadow:0 8px 24px rgba(var(--brand-rgb),.4);transition:transform .2s ease}.qa-fab:hover{transform:scale(1.06)}.qa-fab .material-symbols-outlined{font-size:26px}.qa-fab-dot{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid var(--bg-base)}.qa-panel{position:fixed;right:20px;bottom:86px;z-index:901;width:320px;max-width:calc(100vw - 24px);overflow:hidden;border-radius:20px;border:1px solid var(--border-default);background:var(--bg-surface);box-shadow:0 20px 50px rgba(15,23,42,.25);transform-origin:bottom right;animation:qa-pop .2s cubic-bezier(.22,1,.36,1)}@keyframes qa-pop{0%{opacity:0;transform:translateY(10px) scale(.96)}}.qa-head{display:flex;align-items:center;gap:10px;padding:12px 14px;color:#fff;background:linear-gradient(135deg,var(--brand-primary),#0a4a3b)}.qa-head>.material-symbols-outlined{font-size:22px;color:#f0e3c4}.qa-head-title{flex:1;font-size:14.5px;font-weight:700;line-height:1.2}.qa-head-sub{display:block;font-size:11px;font-weight:400;opacity:.8}.qa-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;color:#fff;background:rgba(255,255,255,.16)}.qa-close .material-symbols-outlined{font-size:17px}.qa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px}.qa-tile{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 2px;border-radius:12px;text-decoration:none;transition:background .15s ease;animation:qa-tile .3s ease both}@keyframes qa-tile{0%{opacity:0;transform:translateY(6px)}}.qa-tile.is-active,.qa-tile:hover{background:var(--bg-elevated)}.qa-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;color:var(--tile);background:color-mix(in srgb,var(--tile) 14%,transparent);transition:transform .25s cubic-bezier(.34,1.56,.64,1),color .2s ease,background .2s ease}.qa-icon .material-symbols-outlined{font-size:21px}.qa-tile.is-active .qa-icon,.qa-tile:hover .qa-icon{color:#fff;background:var(--tile);transform:translateY(-2px) scale(1.05)}.qa-label{font-size:11.5px;font-weight:600;color:var(--text-primary)}@media (max-width:767px){.qa-fab{bottom:84px;right:14px}.qa-panel{right:12px;bottom:150px}}@media (prefers-reduced-motion:reduce){.qa-panel,.qa-tile{animation:none}}