.hppts-header[data-v-3574c4e3]{--hppts-brand: rgb(183, 71, 42);--hppts-brand-hover: rgb(165, 60, 34);--hppts-brand-light: rgba(183, 71, 42, .1);--hppts-brand-ring: rgba(183, 71, 42, .25);--hppts-text: #111827;--hppts-muted: #4B5563;--hppts-bg: rgba(255, 255, 255, .85);--hppts-radius: 10px;position:sticky;top:0;z-index:1000;background:var(--hppts-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(17,24,39,.05);transition:all .3s ease}.hppts-header__inner[data-v-3574c4e3]{max-width:1320px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.hppts-header__left[data-v-3574c4e3]{display:flex;align-items:center;gap:28px;min-width:0}.hppts-header__brand[data-v-3574c4e3]{text-decoration:none;color:var(--hppts-text);display:flex;align-items:center;gap:10px;transition:opacity .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hppts-header__brand[data-v-3574c4e3]:hover{opacity:.95}.hppts-header__brand:hover .hppts-header__logo[data-v-3574c4e3]{transform:scale(1.03)}.hppts-header__logo[data-v-3574c4e3]{width:36px;height:36px;border-radius:8px;-o-object-fit:contain;object-fit:contain;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.hppts-header__brandText[data-v-3574c4e3]{display:flex;flex-direction:column}.hppts-header__name[data-v-3574c4e3]{font-size:16px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.hppts-header__tagline[data-v-3574c4e3]{font-size:11px;color:var(--hppts-muted);margin-top:2px;font-weight:500}.hppts-header__nav[data-v-3574c4e3]{display:flex;align-items:center;gap:6px}.hppts-header__navItem[data-v-3574c4e3]{text-decoration:none;color:var(--hppts-muted);font-size:13px;font-weight:600;padding:8px 14px;border-radius:var(--hppts-radius);transition:all .2s ease;position:relative}.hppts-header__navItem[data-v-3574c4e3]:hover{color:var(--hppts-text);background:#1118270a}.hppts-header__navItem.is-active[data-v-3574c4e3]{color:var(--hppts-brand);background:var(--hppts-brand-light)}.hppts-header__right[data-v-3574c4e3]{display:flex;align-items:center;gap:12px;flex-shrink:0}.hppts-header__user-container[data-v-3574c4e3]{position:relative;display:flex;align-items:center}.hppts-header__avatar-btn[data-v-3574c4e3]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;cursor:pointer;border-radius:99px;transition:all .2s ease}.hppts-header__avatar-btn[data-v-3574c4e3]:hover{transform:scale(1.05)}.hppts-header__avatar-btn[data-v-3574c4e3]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--hppts-brand-ring)}.hppts-header__avatar[data-v-3574c4e3]{width:32px;height:32px;border-radius:99px;-o-object-fit:cover;object-fit:cover;display:block;background:#e5e7eb}.hppts-header__avatar--fallback[data-v-3574c4e3]{background:linear-gradient(135deg,var(--hppts-brand) 0%,rgb(224,88,56) 100%);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;letter-spacing:-.01em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hppts-header__dropdown[data-v-3574c4e3]{position:absolute;top:calc(100% + 10px);right:0;width:220px;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--hppts-radius);border:1px solid rgba(17,24,39,.06);box-shadow:0 10px 25px #11182714;padding:8px 0;display:flex;flex-direction:column;z-index:1001;transform-origin:top right}.hppts-header__dropdown-info[data-v-3574c4e3]{padding:8px 16px;display:flex;flex-direction:column;gap:2px}.hppts-header__dropdown-title[data-v-3574c4e3]{font-size:11px;color:var(--hppts-muted);font-weight:700}.hppts-header__dropdown-email[data-v-3574c4e3]{font-size:12px;color:var(--hppts-text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hppts-header__dropdown-quota[data-v-3574c4e3]{font-size:11px;color:var(--hppts-brand);background:var(--hppts-brand-light);padding:4px 8px;border-radius:6px;margin-top:6px;font-weight:600;display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content}.hppts-header__dropdown-quota strong[data-v-3574c4e3]{margin:0 2px;font-weight:800}.hppts-header__dropdown-divider[data-v-3574c4e3]{height:1px;background:#1118270d;margin:6px 0}.hppts-header__dropdown-item[data-v-3574c4e3]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:10px 16px;font-size:13px;font-weight:600;color:var(--hppts-text);text-decoration:none;text-align:left;cursor:pointer;transition:all .2s ease;display:block;width:100%}.hppts-header__dropdown-item[data-v-3574c4e3]:hover{background:#1118270a;color:var(--hppts-brand)}.hppts-header__dropdown-item--logout[data-v-3574c4e3]{color:#dc2626}.hppts-header__dropdown-item--logout[data-v-3574c4e3]:hover{background:#fef2f2;color:#dc2626}.dropdown-fade-enter-active[data-v-3574c4e3],.dropdown-fade-leave-active[data-v-3574c4e3]{transition:all .2s cubic-bezier(.16,1,.3,1)}.dropdown-fade-enter-from[data-v-3574c4e3],.dropdown-fade-leave-to[data-v-3574c4e3]{opacity:0;transform:scale(.95) translateY(-5px)}.hppts-btn[data-v-3574c4e3]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--hppts-radius);padding:8px 16px;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;text-decoration:none;white-space:nowrap}.hppts-btn--primary[data-v-3574c4e3]{background:var(--hppts-brand);color:#fff}.hppts-btn--primary[data-v-3574c4e3]:hover{background:var(--hppts-brand-hover)}.hppts-btn--primary[data-v-3574c4e3]:disabled{opacity:.6;cursor:not-allowed}.hppts-btn--secondary[data-v-3574c4e3]{background:#f3f4f6;color:var(--hppts-text)}.hppts-btn--secondary[data-v-3574c4e3]:hover{background:#e5e7eb}.hppts-btn--secondary[data-v-3574c4e3]:disabled{opacity:.6;cursor:not-allowed}.hppts-modal-overlay[data-v-3574c4e3]{position:fixed;inset:0;z-index:1200;background:#11182766;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px}.hppts-modal[data-v-3574c4e3]{background:#fff;border-radius:var(--hppts-radius);width:100%;max-width:480px;display:flex;flex-direction:column;box-shadow:0 12px 28px #11182724;overflow:hidden;transform-origin:center;animation:modal-bounce-3574c4e3 .3s cubic-bezier(.34,1.56,.64,1)}.hppts-modal-header[data-v-3574c4e3]{padding:16px 20px;background:#f6f7f8;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(17,24,39,.05)}.hppts-modal-title[data-v-3574c4e3]{margin:0;font-size:15px;font-weight:800;color:var(--hppts-text)}.hppts-modal-close[data-v-3574c4e3]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;font-size:16px;cursor:pointer;color:var(--hppts-muted);transition:all .2s ease;padding:4px;display:grid;place-items:center;border-radius:99px;width:24px;height:24px}.hppts-modal-close[data-v-3574c4e3]:hover{color:var(--hppts-text);background:#1118270d}.hppts-modal-body[data-v-3574c4e3]{padding:20px;display:flex;flex-direction:column;gap:16px}.hppts-redeem-hint[data-v-3574c4e3]{font-size:13px;color:var(--hppts-muted);line-height:1.5;background:#f6f7f8;padding:12px 14px;border-radius:var(--hppts-radius);font-weight:500;border-left:3px solid var(--hppts-brand)}.hppts-input-group[data-v-3574c4e3]{display:flex;flex-direction:column;gap:6px}.hppts-input-label[data-v-3574c4e3]{font-size:12px;font-weight:700;color:var(--hppts-text)}.hppts-input-field[data-v-3574c4e3]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f9fafb;border:1px solid rgba(17,24,39,.08);border-radius:var(--hppts-radius);padding:10px 14px;font-size:14px;font-weight:500;color:var(--hppts-text);transition:all .2s ease;width:100%;box-sizing:border-box}.hppts-input-field[data-v-3574c4e3]:focus{outline:none;background:#fff;border-color:var(--hppts-brand);box-shadow:0 0 0 3px var(--hppts-brand-ring)}.hppts-input-field[data-v-3574c4e3]::-moz-placeholder{color:var(--hppts-placeholder)}.hppts-input-field[data-v-3574c4e3]::placeholder{color:var(--hppts-placeholder)}.hppts-input-field[data-v-3574c4e3]:disabled{background:#e5e7eb;cursor:not-allowed;color:var(--hppts-muted)}.hppts-modal-actions[data-v-3574c4e3]{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.hppts-modal-divider[data-v-3574c4e3]{height:1px;background:#1118270f;margin:4px 0}.hppts-modal-tabs[data-v-3574c4e3]{display:flex;gap:16px;border-bottom:1px solid rgba(17,24,39,.06);padding-bottom:8px}.hppts-modal-tab[data-v-3574c4e3]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;font-size:13px;font-weight:700;color:var(--hppts-muted);cursor:pointer;padding:4px 0;position:relative;transition:all .2s ease}.hppts-modal-tab[data-v-3574c4e3]:hover{color:var(--hppts-text)}.hppts-modal-tab.is-active[data-v-3574c4e3]{color:var(--hppts-brand)}.hppts-modal-tab.is-active[data-v-3574c4e3]:after{content:"";position:absolute;bottom:-9px;left:0;right:0;height:2px;background:var(--hppts-brand);border-radius:99px}.hppts-tab-content[data-v-3574c4e3]{max-height:220px;overflow-y:auto;padding-right:4px}.hppts-tab-content[data-v-3574c4e3]::-webkit-scrollbar{width:4px}.hppts-tab-content[data-v-3574c4e3]::-webkit-scrollbar-track{background:transparent}.hppts-tab-content[data-v-3574c4e3]::-webkit-scrollbar-thumb{background:#1118271f;border-radius:99px}.hppts-tab-content[data-v-3574c4e3]::-webkit-scrollbar-thumb:hover{background:#1118273d}.hppts-empty-state[data-v-3574c4e3]{font-size:13px;color:var(--hppts-placeholder);text-align:center;padding:32px 0}.hppts-quota-list[data-v-3574c4e3],.hppts-card-list[data-v-3574c4e3]{display:flex;flex-direction:column;gap:10px}.hppts-quota-item[data-v-3574c4e3],.hppts-card-item[data-v-3574c4e3]{background:#f9fafb;border:1px solid rgba(17,24,39,.05);border-radius:var(--hppts-radius);padding:12px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.hppts-quota-item.is-expired[data-v-3574c4e3]{opacity:.6}.hppts-quota-item-header[data-v-3574c4e3],.hppts-card-item-header[data-v-3574c4e3]{display:flex;justify-content:space-between;align-items:center;gap:12px}.hppts-quota-card-code[data-v-3574c4e3],.hppts-card-code-val[data-v-3574c4e3]{font-size:13px;font-weight:700;color:var(--hppts-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.hppts-quota-status-badge[data-v-3574c4e3]{font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px}.hppts-quota-status-badge.status--active[data-v-3574c4e3]{background:#ecfdf5;color:#10b981}.hppts-quota-status-badge.status--exhausted[data-v-3574c4e3]{background:#f3f4f6;color:#6b7280}.hppts-quota-status-badge.status--expired[data-v-3574c4e3]{background:#fef2f2;color:#ef4444}.hppts-card-type-badge[data-v-3574c4e3]{font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--hppts-brand-light);color:var(--hppts-brand)}.hppts-quota-item-body[data-v-3574c4e3],.hppts-card-item-body[data-v-3574c4e3]{display:flex;gap:24px;font-size:12px;color:var(--hppts-muted)}.hppts-quota-stat[data-v-3574c4e3]{display:flex;flex-direction:column;gap:2px}.hppts-quota-stat .stat-label[data-v-3574c4e3]{font-size:11px;color:var(--hppts-placeholder)}.hppts-quota-stat .stat-val[data-v-3574c4e3]{font-size:13px;color:var(--hppts-text)}.hppts-quota-item-footer[data-v-3574c4e3],.hppts-card-item-footer[data-v-3574c4e3]{font-size:11px;color:var(--hppts-placeholder);border-top:1px dashed rgba(17,24,39,.04);padding-top:6px}@keyframes modal-bounce-3574c4e3{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.hppts-header__tagline[data-v-3574c4e3]{display:none}}