@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Outfit:wght@300..800&display=swap");:root{--hk-primary:#1565c0;--hk-primary-dark:#0d47a1;--hk-yellow:#ffc107;--hk-dark:#0a1628;--hk-gray:#64748b;--hk-gray-light:#94a3b8;--hk-border:#e2e8f0;--font-heading:"Bricolage Grotesque","Outfit",-apple-system,sans-serif;--font-body:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--hk-dark);background:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.02em}.auth-page{background:#fff;padding:40px 20px;min-height:100vh;display:flex;align-items:center}.auth-container{width:100%;max-width:1080px;margin:0 auto}.auth-grid{display:grid;grid-template-columns:1.05fr 1fr;background:#fff;border:1px solid var(--hk-border);border-radius:24px;overflow:hidden;box-shadow:0 20px 50px -20px rgba(15,23,42,.08)}.auth-art{position:relative;background:linear-gradient(135deg,#f8fafc,#eff6ff);padding:40px 36px;display:flex;flex-direction:column;overflow:hidden}.auth-art.signup{background:linear-gradient(135deg,#f8fafc,#fff8e1)}.art-decor{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.decor-blue{width:280px;height:280px;background:rgba(21,101,192,.15);top:-80px;left:-60px}.decor-pink{width:220px;height:220px;background:rgba(244,143,177,.15);bottom:40px;right:-40px}.decor-yellow{width:160px;height:160px;background:rgba(255,193,7,.12);bottom:-40px;left:40%}.art-stack{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.art-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;color:var(--hk-dark);margin-bottom:18px}.art-brand img{width:36px;height:36px;border-radius:10px;object-fit:cover}.art-tag{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;background:#fff;border:1px solid var(--hk-border);border-radius:100px;font-size:11px;font-weight:700;color:var(--hk-primary);letter-spacing:.04em;text-transform:uppercase;width:fit-content;box-shadow:0 2px 8px rgba(15,23,42,.04)}.art-title{margin-top:22px;font-size:30px;line-height:1.2;font-weight:800;color:#0f172a;letter-spacing:-.02em}.art-sub{margin-top:12px;font-size:14px;line-height:1.6;color:var(--hk-gray);max-width:380px}.art-illustration{flex:1;display:flex;align-items:center;justify-content:center;margin:24px 0;min-height:200px}.art-illustration img{width:100%;max-width:320px;height:auto;display:block}.art-trust{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:20px;border-top:1px solid var(--hk-border)}.trust-item{gap:10px}.trust-ico,.trust-item{display:flex;align-items:center}.trust-ico{width:36px;height:36px;background:#fff;border:1px solid var(--hk-border);border-radius:10px;justify-content:center;color:var(--hk-primary);flex-shrink:0}.trust-item div{display:flex;flex-direction:column;gap:1px;min-width:0}.trust-item strong{font-size:12.5px;font-weight:700;color:#0f172a;white-space:nowrap}.trust-item span{font-size:11px;color:var(--hk-gray-light)}.auth-form-wrap{padding:40px;display:flex;align-items:center}.auth-form{width:100%;max-width:380px;margin:0 auto}.form-head{margin-bottom:22px}.form-eyebrow{display:inline-block;font-size:11px;font-weight:800;color:var(--hk-primary);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.form-title{font-size:28px;line-height:1.15;font-weight:800;color:#0f172a;letter-spacing:-.02em;margin-bottom:6px}.form-dot{color:var(--hk-yellow)}.form-sub{font-size:13.5px;color:var(--hk-gray)}.alert{display:flex;align-items:center;gap:8px;padding:10px 13px;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;color:#be123c;font-size:13px;font-weight:500;margin-bottom:14px}.form-body{gap:14px}.fld,.form-body{display:flex;flex-direction:column}.fld{gap:6px;min-width:0}.fld label{font-size:12px;font-weight:700;color:#334155}.fld-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lbl-row{display:flex;align-items:center;justify-content:space-between}.lnk{font-size:12px;font-weight:700;color:var(--hk-primary)}.lnk:hover{text-decoration:underline}.inp{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;background:#f8fafc;border:1.5px solid var(--hk-border);border-radius:10px;transition:all .15s}.inp:focus-within{background:#fff;border-color:var(--hk-primary);box-shadow:0 0 0 3px rgba(21,101,192,.1)}.inp svg{color:#94a3b8;flex-shrink:0;transition:color .15s}.inp:focus-within svg{color:var(--hk-primary)}.inp input{flex:1;min-width:0;border:none;outline:none;background:none;font-size:14px;color:#0f172a;font-family:inherit;font-weight:500}.inp input::placeholder{color:#cbd5e1;font-weight:400}.eye{background:none;border:none;cursor:pointer;color:#cbd5e1;padding:0;display:flex;align-items:center;transition:color .15s}.eye:hover{color:var(--hk-primary)}.strength{display:flex;align-items:center;gap:9px;padding:0 2px}.strength-bars{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.strength-bars span{height:4px;background:var(--hk-border);border-radius:2px;transition:background .2s}.strength-label{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;min-width:42px;text-align:right}.check{display:flex;align-items:flex-start;gap:9px;cursor:pointer;user-select:none;margin:2px 0}.check input{display:none}.check-box{width:17px;height:17px;border:1.5px solid #cbd5e1;background:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;color:transparent;transition:all .12s;flex-shrink:0;margin-top:1px}.check input:checked+.check-box{background:var(--hk-primary);border-color:var(--hk-primary);color:#fff}.check-text{font-size:12.5px;font-weight:500;color:var(--hk-gray);line-height:1.5}.check-text a{color:var(--hk-primary);font-weight:700}.check-text a:hover{text-decoration:underline}.cta{margin-top:4px;height:48px;width:100%;background:var(--hk-primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s;box-shadow:0 4px 14px rgba(21,101,192,.28)}.cta:hover:not(:disabled){background:var(--hk-primary-dark);transform:translateY(-1px);box-shadow:0 8px 22px rgba(21,101,192,.36)}.cta:disabled{opacity:.55;cursor:not-allowed}.loader{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.swap{text-align:center;font-size:13px;color:var(--hk-gray);margin-top:22px}.swap a{color:var(--hk-primary);font-weight:700;margin-left:4px}.swap a:hover{text-decoration:underline}@media (max-width:960px){.auth-grid{grid-template-columns:1fr;border-radius:20px}.auth-art{text-align:center}.art-brand,.art-sub,.art-tag{margin-left:auto;margin-right:auto}.art-trust{max-width:460px;margin:0 auto;width:100%}}@media (max-width:600px){.auth-page{padding:16px 12px}.auth-form-wrap{order:1;padding:26px 20px}.auth-art{order:2;padding:24px 20px;text-align:left}.art-decor,.art-illustration{display:none}.art-brand,.art-tag{margin:0}.art-title{font-size:18px;margin-top:12px}.art-sub{display:none}.art-trust,.fld-row{grid-template-columns:1fr}}.pf-wrap{min-height:100vh;background:#f8fafc}.pf-layout{max-width:1200px;margin:0 auto;padding:28px 20px;display:grid;grid-template-columns:260px 1fr;gap:24px}.pf-sidebar{display:flex;flex-direction:column;gap:16px}.pf-avatar-card{gap:12px;background:#fff;border:1px solid var(--hk-border);border-radius:16px;padding:16px}.pf-avatar,.pf-avatar-card{display:flex;align-items:center}.pf-avatar{width:46px;height:46px;border-radius:12px;background:var(--hk-primary);color:#fff;justify-content:center;font-weight:800;font-size:18px;overflow:hidden;flex-shrink:0}.pf-avatar img{width:100%;height:100%;object-fit:cover}.pf-avatar-info{min-width:0}.pf-avatar-name{font-weight:700;font-size:14px;color:var(--hk-dark)}.pf-avatar-email,.pf-avatar-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-avatar-email{font-size:12px;color:var(--hk-gray)}.pf-nav{background:#fff;border:1px solid var(--hk-border);border-radius:16px;padding:8px}.pf-nav-toggle{display:none;width:100%;align-items:center;justify-content:space-between;padding:12px;background:none;border:none;font-family:inherit;font-weight:700;font-size:14px;color:var(--hk-dark);cursor:pointer}.pf-nav-toggle.open .pf-nav-chev{transform:rotate(180deg)}.pf-nav-chev{transition:transform .2s}.pf-nav-list{display:flex;flex-direction:column;gap:2px}.pf-nav-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 12px;border-radius:10px;border:none;background:none;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--hk-gray);cursor:pointer;text-align:left;transition:all .12s}.pf-nav-item-label,.pf-nav-toggle-label{display:flex;align-items:center;gap:10px;min-width:0}.pf-nav-item:hover{background:#f1f5f9;color:var(--hk-dark)}.pf-nav-active{background:var(--hk-primary-light);color:var(--hk-primary)}.pf-nav-locked{color:var(--hk-gray-light);cursor:not-allowed}.pf-nav-lock{opacity:.5}.pf-nav-logout{color:#dc2626}.pf-nav-logout:hover{background:#fef2f2;color:#dc2626}.pf-main{min-width:0}.pf-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:16px;flex-wrap:wrap}.pf-page-title{font-size:22px;font-weight:800;margin:0;color:var(--hk-dark)}.pf-page-sub{font-size:13px;color:var(--hk-gray);margin:2px 0 0}.pf-topup-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--hk-primary);color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.pf-topup-btn:hover{background:var(--hk-primary-dark)}.pf-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pf-stat-card{background:#fff;border-radius:16px;padding:18px;border:1px solid var(--hk-border);border-left:4px solid var(--hk-primary)}.pf-stat-green{border-left-color:#10b981}.pf-stat-indigo{border-left-color:var(--hk-primary)}.pf-stat-amber{border-left-color:var(--hk-yellow)}.pf-stat-top{display:flex;align-items:center;justify-content:space-between}.pf-stat-label{font-size:12px;font-weight:700;color:var(--hk-gray);text-transform:uppercase;letter-spacing:.06em}.pf-stat-icon{color:var(--hk-gray-light)}.pf-stat-value{font-size:26px;font-weight:800;color:var(--hk-dark);margin:8px 0 2px}.pf-stat-hint{font-size:12px;color:var(--hk-gray)}.pf-card{background:#fff;border:1px solid var(--hk-border);border-radius:16px;padding:20px}.pf-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.pf-card-title{font-size:16px;font-weight:800;margin:0;color:var(--hk-dark)}.pf-link-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--hk-primary);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.pf-badge{font-size:12px;font-weight:700;background:#f1f5f9;padding:4px 10px;border-radius:100px}.pf-badge,.pf-empty{color:var(--hk-gray)}.pf-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 0;text-align:center}.pf-empty-icon{color:var(--hk-gray-light);width:34px;height:34px}.pf-tx-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #f1f5f9}.pf-tx-row:first-of-type{border-top:none}.pf-tx-icon{width:34px;height:34px;border-radius:10px;background:var(--hk-primary-light);color:var(--hk-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pf-tx-info{flex:1;min-width:0;display:flex;flex-direction:column}.pf-tx-game{font-weight:700;font-size:13.5px;color:var(--hk-dark)}.pf-tx-id{font-size:11.5px;color:var(--hk-gray-light);font-family:JetBrains Mono,monospace}.pf-tx-amount{text-align:right;display:flex;flex-direction:column}.pf-tx-price{font-weight:800;font-size:13.5px;color:var(--hk-dark)}.pf-tx-date{font-size:11px;color:var(--hk-gray-light)}.pf-table-wrap{overflow-x:auto}.pf-table{width:100%;border-collapse:collapse}.pf-table th{text-align:left;font-size:11px;font-weight:700;color:var(--hk-gray);text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;border-bottom:1px solid var(--hk-border)}.pf-table td{padding:12px 10px;border-bottom:1px solid #f1f5f9;font-size:13px;color:var(--hk-dark)}.pf-right{text-align:right}.pf-center{text-align:center}.pf-mono{font-family:JetBrains Mono,monospace}.pf-amount{font-weight:800}.pf-status{display:inline-block;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:700}.pf-status-ok{background:#dcfce7;color:#16a34a}.pf-status-warn{background:#fef9c3;color:#ca8a04}.pf-status-err{background:#fee2e2;color:#dc2626}.pf-balance-row{gap:16px;flex-wrap:wrap}.pf-balance-value{font-size:32px;font-weight:800;color:var(--hk-dark)}.pf-plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.pf-plan-card{border:1px solid var(--hk-border);border-radius:14px;padding:16px}.pf-plan-name{margin:0 0 6px;font-size:15px;font-weight:800;color:var(--hk-dark)}.pf-plan-price{font-size:22px;font-weight:800;color:var(--hk-primary)}.pf-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.pf-product-item{border:1px solid var(--hk-border);border-radius:14px;padding:14px}.pf-product-title{margin:0;font-size:14px;font-weight:700;color:var(--hk-dark)}.pf-product-tag{font-size:11px;font-weight:700;color:var(--hk-gray);background:#f1f5f9;padding:2px 8px;border-radius:100px}.pf-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pf-form{gap:14px}.pf-field,.pf-form{display:flex;flex-direction:column}.pf-field{gap:6px}.pf-label{font-size:12px;font-weight:700;color:#334155}.pf-input{height:44px;padding:0 14px;border:1.5px solid var(--hk-border);border-radius:10px;font-family:inherit;font-size:14px;color:var(--hk-dark);background:#f8fafc;outline:none;transition:all .15s}.pf-input:focus{border-color:var(--hk-primary);background:#fff;box-shadow:0 0 0 3px rgba(21,101,192,.1)}.pf-input:disabled{color:var(--hk-gray-light)}.pf-save-btn{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:10px 18px;background:var(--hk-primary);color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.pf-save-btn:hover:not(:disabled){background:var(--hk-primary-dark)}.pf-save-btn:disabled{opacity:.55;cursor:not-allowed}.pf-ok{padding:10px 13px;background:#dcfce7;border:1px solid #bbf7d0;border-radius:9px;color:#16a34a;font-size:13px;font-weight:600}.store-empty-wrap{display:flex;flex-direction:column;align-items:center;gap:20px}.store-hero-card{background:#fff;border:1px solid var(--hk-border);border-radius:18px;padding:36px 28px;text-align:center;max-width:560px}.store-hero-icon{width:60px;height:60px;border-radius:16px;background:var(--hk-primary);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 10px 25px rgba(21,101,192,.2)}.store-hero-icon svg{width:26px;height:26px}.store-hero-title{font-size:20px;font-weight:800;margin:0 0 8px;color:var(--hk-dark)}.store-hero-sub{font-size:14px;line-height:1.6;color:var(--hk-gray);margin:0}.store-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:820px}.store-step{background:#fff;border:1px solid var(--hk-border);border-radius:16px;padding:20px;text-align:center}.store-step-icon{color:var(--hk-primary);display:flex;justify-content:center;margin-bottom:10px}.store-step-icon svg{width:24px;height:24px}.store-step h4{margin:0 0 6px;font-size:14px;font-weight:700;color:var(--hk-dark)}.store-step p{margin:0;font-size:12.5px;line-height:1.5;color:var(--hk-gray)}.store-tg-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--hk-primary);color:#fff;border:none;border-radius:12px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.store-tg-btn:hover{background:var(--hk-primary-dark)}@media (max-width:900px){.pf-layout{grid-template-columns:1fr}.pf-nav-toggle{display:flex}.pf-nav-closed{display:none}.pf-settings-grid,.pf-stat-grid,.store-steps{grid-template-columns:1fr}}.pf-billing-page{display:flex;flex-direction:column;gap:20px}.pf-billing-kicker{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#e3f2fd;color:var(--hk-primary);font-size:11px;font-weight:800;margin-bottom:10px}.pf-card-sub{font-size:12.5px;color:var(--hk-gray)}.pf-sub-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.pf-sub-title{margin:6px 0 0;font-size:20px;font-weight:900;color:#0f172a;letter-spacing:-.02em}.pf-sub-copy{margin:6px 0 0;color:var(--hk-gray);font-size:13px}.pf-sub-renew{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#334155;cursor:pointer}.pf-sub-renew input{width:16px;height:16px;accent-color:var(--hk-primary)}.pf-sub-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px}.pf-sub-plan{border:1px solid var(--hk-border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px}.pf-sub-plan-top{display:flex;align-items:baseline;justify-content:space-between}.pf-sub-plan-name{font-weight:800;color:#0f172a}.pf-sub-plan-price{font-size:20px;font-weight:900;color:var(--hk-primary);font-family:JetBrains Mono,monospace}.pf-sub-plan-price small{font-size:12px;color:var(--hk-gray-light);font-weight:600}.pf-sub-btn{height:42px;border:none;border-radius:10px;background:var(--hk-primary);color:#fff;font-weight:800;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s}.pf-sub-btn:hover:not(:disabled){background:var(--hk-primary-dark)}.pf-sub-btn:disabled{opacity:.6;cursor:not-allowed}.pf-sub-note{margin:14px 0 0;font-size:12px;color:var(--hk-gray);display:flex;align-items:center;gap:6px}.pf-billing-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px}.pf-billing-hero-left{max-width:720px}.pf-billing-title{margin:0;font-size:26px;line-height:1.15;font-weight:900;color:#0f172a;letter-spacing:-.03em}.pf-billing-copy{margin:10px 0 0;color:var(--hk-gray);line-height:1.6;max-width:62ch}.pf-billing-hero-right{min-width:180px;text-align:right}.pf-billing-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;background:linear-gradient(135deg,#1565c0,#0d47a1);color:#fff;font-weight:900;font-size:18px}.pf-billing-sub{margin-top:8px;font-size:12px;color:var(--hk-gray)}.pf-billing-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);gap:20px;align-items:start}.pf-billing-panel{min-width:0}.pf-billing-form,.pf-qr-stage,.pf-success-stage{display:flex;flex-direction:column;gap:14px}.pf-section-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.pf-step-pill{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:11px;font-weight:800}.pf-amounts{display:flex;gap:8px}.pf-amounts-compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.pf-amt-btn{flex:1;height:48px;border-radius:12px;border:1.5px solid var(--hk-border);background:#f8fafc;color:var(--hk-gray);font-size:15px;font-weight:900;cursor:pointer;font-family:inherit;transition:all .15s}.pf-amt-btn:hover{border-color:var(--hk-primary);color:var(--hk-primary)}.pf-amt-active{border-color:var(--hk-primary)!important;background:var(--hk-primary)!important;color:#fff!important}.pf-billing-note{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#e3f2fd,#f0f9ff);color:var(--hk-primary);border:1px solid #dbeafe}.pf-billing-note p{margin:0;font-size:12px;line-height:1.5;font-weight:600}.pf-topup-btn-wide{width:100%;justify-content:center;height:48px;margin-top:auto}.pf-mini-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.pf-billing-side{display:flex;flex-direction:column;gap:14px}.pf-balance-card{background:linear-gradient(135deg,#081b37,#0f2a56);color:#fff}.pf-balance-card .pf-card-sub{color:rgba(255,255,255,.7)}.pf-balance-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pf-balance-amount{margin-top:6px;font-size:34px;font-weight:900;letter-spacing:-.03em;font-family:JetBrains Mono,monospace}.pf-balance-icon{color:var(--hk-yellow)}.pf-balance-meta{margin-top:16px;display:flex;flex-direction:column;gap:10px}.pf-balance-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:rgba(255,255,255,.8)}.pf-balance-row strong{color:#fff}.pf-summary-list{display:flex;flex-direction:column;gap:10px}.pf-summary-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:#f8fafc;font-size:13px}.pf-summary-item strong{color:#0f172a}.pm-cards{display:grid;gap:10px}.pm-cards-horizontal{grid-template-columns:1fr}.pm-card{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--hk-border);border-radius:18px;background:#fff;cursor:pointer;text-align:left;font-family:inherit;transition:all .15s;overflow:hidden}.pm-card:hover{border-color:#90caf9;transform:translateY(-1px);box-shadow:0 10px 20px rgba(21,101,192,.08)}.pm-card-active{border-color:var(--hk-primary);background:linear-gradient(135deg,#f5f9ff,#eaf2fe);box-shadow:0 0 0 3px rgba(21,101,192,.12)}.pm-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:background .2s ease}.pm-card-active:before{background:var(--hk-primary)}.pm-card-logo{width:52px;height:52px;border-radius:14px;background:#f8fafc;border:1px solid var(--hk-border);padding:8px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.pm-card-active .pm-card-logo{background:#fff;border-color:#cfe2fb}.pm-card-logo img{width:100%;height:100%;object-fit:contain}.pm-card-content{display:flex;flex-direction:column;gap:3px;flex:1 1 auto}.pm-card-name{font-size:13px;font-weight:900;color:#0f172a;line-height:1.15}.pm-card-active .pm-card-name{color:#0d47a1}.pm-card-desc{font-size:11px;color:var(--hk-gray);line-height:1.35}.pm-card-instant{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;background:#f1f5f9;color:var(--hk-gray);font-size:10px;font-weight:800;flex:0 0 auto}.pm-card-active .pm-card-instant{background:linear-gradient(135deg,#1565c0,#0d47a1);color:#fff}.pm-card-check{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:var(--hk-primary);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.pm-card-active .pm-card-check{opacity:1;transform:scale(1)}.pf-pay-modal{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center}.pf-pay-sheet{position:relative;width:100%;max-width:480px;background:#fff;border-radius:24px 24px 0 0;padding:22px 18px 24px;max-height:88vh;overflow-y:auto;box-shadow:0 -12px 40px rgba(0,0,0,.25);animation:pfSheetUp .44s cubic-bezier(.22,1,.36,1)}@keyframes pfSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:768px){.pf-pay-modal{align-items:center}.pf-pay-sheet{border-radius:24px;max-height:90vh;animation-name:pfSheetRise}}@keyframes pfSheetRise{0%{transform:translateY(24px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.pf-pay-grabber{width:44px;height:5px;border-radius:999px;background:#e2e8f0;margin:0 auto 14px}.pf-pay-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:none;background:#f1f5f9;color:var(--hk-gray);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.pf-pay-close:hover{background:#e2e8f0;color:#0f172a}.pf-qr-stage-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.pf-qr-title{margin:4px 0 0;font-size:20px;font-weight:900;color:#0f172a}.pf-qr-timer{gap:8px;padding:8px 10px;border-radius:14px;background:#f8fafc;color:#0f172a;font-weight:800;font-family:JetBrains Mono,monospace}.pf-qr-card,.pf-qr-timer{display:flex;align-items:center}.pf-qr-card{background:#fff;border:1px solid var(--hk-border);border-radius:22px;padding:18px;box-shadow:0 18px 38px rgba(15,23,42,.08);flex-direction:column;gap:14px}.pf-qr-merchant{width:100%;text-align:center;background:#fafbfc;border:1px solid #eef2f7;border-radius:18px;padding:16px}.pf-qr-merchant-brand{font-size:12px;font-weight:800;letter-spacing:.08em;color:#0f172a;text-transform:uppercase}.pf-qr-merchant-amount{margin-top:8px;font-size:30px;font-weight:900;color:#0f172a;font-family:JetBrains Mono,monospace}.pf-qr-merchant-amount span{font-size:14px;color:#ea212d;margin-left:4px}.pf-qr-box{width:100%;max-width:320px;aspect-ratio:1/1;background:#fff;border-radius:20px;border:1px solid var(--hk-border);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.pf-qr-img{width:min(64vw,260px);height:auto;display:block}.pf-qr-overlay{position:absolute;display:flex;align-items:center;justify-content:center}.pf-qr-framed{--board-left:40%;--board-top:34%;--board-size:35%;background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important;padding:0!important;max-width:360px}.pf-qr-frame-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.pf-qr-board{position:absolute;left:var(--board-left);top:var(--board-top);width:var(--board-size);height:var(--board-size);display:flex;align-items:center;justify-content:center}.pf-qr-framed .pf-qr-img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.pf-qr-framed .pf-qr-overlay{top:50%;left:50%;transform:translate(-50%,-50%);width:22%}.pf-qr-framed .pf-qr-overlay img{width:100%;height:auto;display:block}.pf-qr-help{margin:0;font-size:13px;color:var(--hk-gray);text-align:center;line-height:1.5}.pf-qr-cancel{background:none;border:none;color:var(--hk-gray-light);text-decoration:underline;cursor:pointer;font-size:12px}.pf-runner{width:34px;height:51px;flex-shrink:0;background:url(/assets/payment/runner.png) no-repeat 0 0;background-size:400% 200%;animation:pf-walk 1.1s steps(1) infinite}.pf-qr-timer.is-running .pf-runner{animation:pf-walk .45s steps(1) infinite}@keyframes pf-walk{0%{background-position:0 0}12.5%{background-position:33.333% 0}25%{background-position:66.666% 0}37.5%{background-position:100% 0}50%{background-position:0 100%}62.5%{background-position:33.333% 100%}75%{background-position:66.666% 100%}87.5%{background-position:100% 100%}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.pf-expired-anim,.pf-runner{animation:none!important}}.pf-success-stage{gap:14px}.aba-success-card,.pf-success-stage{display:flex;flex-direction:column;align-items:center}.aba-success-card{padding:32px 24px;text-align:center}.aba-success-icon-wrap{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#16a34a,#22c55e);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(34,197,94,.35)}.aba-success-title{font-size:24px;font-weight:800;color:#0f172a;margin:18px 0 0}.aba-success-sub{font-size:14px;color:var(--hk-gray);margin:8px 0 0}.aba-done-btn{margin-top:20px;height:46px;padding:0 32px;border:none;border-radius:12px;background:var(--hk-primary);color:#fff;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer}.aba-done-btn:hover{background:var(--hk-primary-dark)}.pf-expired-stage{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:6px 4px 4px}.pf-expired-anim{width:150px;height:225px;background:url(/assets/payment/qr-expired.png) no-repeat 0 0;background-size:400% 200%;animation:pf-walk 2.4s steps(1) infinite}.pf-expired-title{font-size:20px;font-weight:900;color:#0f172a;margin:6px 0 0}.pf-expired-sub{font-size:13px;color:var(--hk-gray);line-height:1.5;max-width:320px;margin:0}.pf-expired-actions{display:flex;flex-direction:column;gap:8px;width:100%;max-width:320px;margin-top:12px}@media (max-width:900px){.pf-billing-grid{grid-template-columns:1fr}.pf-billing-hero{display:none}.pf-amounts-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}.pf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pf-textarea{height:auto;padding:12px 14px;resize:vertical;font-family:inherit;line-height:1.5}.store-status-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-radius:14px;margin-bottom:20px;font-size:13px}.store-bar-ok{background:#e3f2fd;border:1.5px solid #90caf9}.store-bar-off{background:#fef2f2;border:1.5px solid #fecaca}.store-bar-left{display:flex;align-items:center;gap:10px}.store-bar-dot{width:10px;height:10px;border-radius:50%}.store-bar-ok .store-bar-dot{background:var(--hk-primary)}.store-bar-off .store-bar-dot{background:#ef4444}.store-bar-text{font-weight:700;color:#0f172a}.store-bar-link{display:flex;align-items:center;gap:6px;color:var(--hk-primary);font-weight:700;font-size:12px}.store-bar-link:hover{text-decoration:underline}.pf-staff-add{border:1px dashed var(--hk-border);border-radius:14px;padding:16px;margin-bottom:18px;display:flex;flex-direction:column;gap:14px;background:#f8fafc}.pf-perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.pf-perm-chip{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1.5px solid var(--hk-border);border-radius:10px;background:#fff;font-size:12.5px;font-weight:600;color:var(--hk-gray);cursor:pointer;transition:all .12s}.pf-perm-chip.active{border-color:var(--hk-primary);background:var(--hk-primary-light);color:var(--hk-primary)}.pf-perm-chip input{accent-color:var(--hk-primary)}.pf-perm-tag{display:inline-block;font-size:10.5px;font-weight:700;color:var(--hk-gray);background:#f1f5f9;padding:2px 8px;border-radius:100px;margin:0 4px 4px 0}.pf-staff-actions{display:inline-flex;gap:6px;justify-content:flex-end}.pf-icon-btn{padding:6px 10px;border:1.5px solid var(--hk-border);background:#fff;border-radius:8px;font-family:inherit;font-size:11.5px;font-weight:700;color:var(--hk-gray);cursor:pointer;transition:all .12s}.pf-icon-btn:hover:not(:disabled){border-color:var(--hk-primary);color:var(--hk-primary)}.pf-icon-btn:disabled{opacity:.5;cursor:not-allowed}.pf-icon-danger:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.pf-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.pf-catalog-card{border:1px solid var(--hk-border);border-radius:14px;overflow:hidden;transition:all .2s}.pf-catalog-card:hover{border-color:var(--hk-primary);box-shadow:0 8px 20px rgba(21,101,192,.1);transform:translateY(-2px)}.pf-catalog-img{aspect-ratio:16/10;background:#f1f5f9;overflow:hidden}.pf-catalog-img img{width:100%;height:100%;object-fit:cover}.pf-catalog-info{padding:12px}.pf-catalog-name{margin:0;font-size:13.5px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-catalog-pub{font-size:11.5px;color:var(--hk-gray-light)}@media (max-width:600px){.pf-form-grid{grid-template-columns:1fr}}.pf-tabs{display:flex;gap:8px;margin-bottom:18px}.pf-tab{padding:9px 18px;border:1.5px solid var(--hk-border);background:#fff;border-radius:100px;font-family:inherit;font-size:13px;font-weight:700;color:var(--hk-gray);cursor:pointer;transition:all .12s}.pf-tab:hover{color:var(--hk-primary)}.pf-tab.active,.pf-tab:hover{border-color:var(--hk-primary)}.pf-tab.active{background:var(--hk-primary);color:#fff}.pf-game-pick{cursor:pointer;text-align:left;font-family:inherit;padding:0;border:1px solid var(--hk-border);background:#fff}.pf-import-controls{gap:8px}.pf-import-controls,.pf-margin{display:flex;align-items:center}.pf-margin{gap:6px;font-size:12px;font-weight:700;color:var(--hk-gray)}.pf-margin input{width:64px;height:34px;padding:0 8px;border:1.5px solid var(--hk-border);border-radius:8px;font-family:inherit}.pf-icon-btn.active{border-color:var(--hk-primary);background:var(--hk-primary-light);color:var(--hk-primary)}.pf-prod-list{display:flex;flex-direction:column;gap:6px}.pf-prod-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1.5px solid var(--hk-border);border-radius:12px;cursor:pointer;transition:all .12s}.pf-prod-row:hover{border-color:#90caf9}.pf-prod-row.selected{border-color:var(--hk-primary);background:var(--hk-primary-light)}.pf-prod-row.is-imported{opacity:.6;cursor:default}.pf-prod-row input{accent-color:var(--hk-primary);width:16px;height:16px}.pf-prod-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;background:#f1f5f9;flex-shrink:0}.pf-prod-info{flex:1;min-width:0;display:flex;flex-direction:column}.pf-prod-name{font-size:13.5px;font-weight:700;color:#0f172a}.pf-prod-code{font-size:11px;color:var(--hk-gray-light);font-family:JetBrains Mono,monospace}.pf-prod-price{font-weight:800;color:var(--hk-primary);font-size:13.5px}.pf-import-actions{display:flex;gap:10px;margin-top:16px}.pf-mine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.pf-mine-card{border:1px solid var(--hk-border);border-radius:14px;padding:14px;flex-direction:column}.pf-mine-card,.pf-mine-top{display:flex;gap:12px}.pf-mine-img{width:54px;height:54px;border-radius:10px;object-fit:cover;background:#f1f5f9;flex-shrink:0}.pf-mine-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.pf-mine-game{font-size:11px;font-weight:700;color:var(--hk-gray-light);text-transform:uppercase;letter-spacing:.04em}.pf-mine-name{margin:0;font-size:14px;font-weight:700;color:#0f172a}.pf-mine-price{font-size:13px;font-weight:800;color:var(--hk-primary)}.pf-mine-edit{flex-direction:column}.pf-check-inline,.pf-mine-actions,.pf-mine-edit{display:flex;gap:8px}.pf-check-inline{align-items:center;font-size:12.5px;color:var(--hk-gray)}.pf-check-inline input{accent-color:var(--hk-primary)}.pe-layout{display:grid;grid-template-columns:minmax(0,380px) 1fr;gap:20px;align-items:start}.pe-controls{display:flex;flex-direction:column;gap:16px}.pe-save{width:100%}.pe-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pe-theme-card{position:relative;border:1.5px solid var(--hk-border);border-radius:12px;padding:8px;background:#fff;cursor:pointer;text-align:left;font-family:inherit;transition:all .12s}.pe-theme-card:hover{border-color:#90caf9}.pe-theme-card.active{border-color:var(--hk-primary);box-shadow:0 0 0 3px rgba(21,101,192,.12)}.pe-theme-swatch{position:relative;height:48px;border-radius:8px;margin-bottom:8px;display:flex;align-items:flex-end;padding:6px}.pe-theme-swatch-dot{width:16px;height:16px;border-radius:5px;border:2px solid rgba(255,255,255,.7)}.pe-theme-name{font-size:12.5px;font-weight:700;color:#0f172a}.pe-theme-desc{font-size:10.5px;color:var(--hk-gray-light);margin-top:2px;line-height:1.3}.pe-theme-check{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--hk-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px}.pe-color-list{display:flex;flex-direction:column;gap:12px}.pe-color-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.pe-color-label{font-size:13px;font-weight:600;color:#334155}.pe-color-inputs{display:flex;align-items:center;gap:8px}.pe-color-swatch{width:40px;height:34px;padding:0;border:1px solid var(--hk-border);border-radius:8px;background:none;cursor:pointer}.pe-color-hex{width:110px;height:34px;font-family:JetBrains Mono,monospace;font-size:12px}.pe-radius-row{display:flex;gap:6px;flex-wrap:wrap}.pe-save-row{display:flex;gap:10px}.pe-save{flex:1;justify-content:center;height:48px}.pe-preview-col{position:sticky;top:20px;display:flex;flex-direction:column;gap:12px}.pe-preview-toolbar{display:flex;align-items:center;justify-content:space-between}.pe-device-toggle{display:inline-flex;background:#f1f5f9;border-radius:100px;padding:3px;gap:2px}.pe-device-toggle button{border:none;background:none;padding:7px 16px;border-radius:100px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--hk-gray);cursor:pointer}.pe-device-toggle button.active{background:#fff;color:var(--hk-primary);box-shadow:0 1px 4px rgba(15,23,42,.1)}.pe-open-new{font-size:12.5px;font-weight:700;color:var(--hk-primary)}.pe-open-new:hover{text-decoration:underline}.pe-frame-stage{display:flex;justify-content:center}.pe-browser{width:100%;border:1px solid var(--hk-border);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 18px 40px rgba(15,23,42,.1);transition:max-width .3s ease}.pe-frame-stage.desktop .pe-browser{max-width:100%}.pe-frame-stage.mobile .pe-browser{max-width:390px}.pe-browser-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f1f5f9;border-bottom:1px solid var(--hk-border)}.pe-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.pe-browser-url{margin-left:10px;font-size:12px;color:var(--hk-gray);font-family:JetBrains Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pe-frame-holder{position:relative}.pe-frame-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.75);color:var(--hk-gray);font-size:13px;font-weight:600;z-index:2}.pe-iframe{width:100%;height:640px;border:none;display:block;background:#fff}.pe-frame-stage.mobile .pe-iframe{height:720px}@media (max-width:1000px){.pe-layout{grid-template-columns:1fr}.pe-preview-col{position:static}}.pay-cfg-logo{width:46px;height:46px;border-radius:12px;object-fit:cover;border:1px solid var(--hk-border)}.pe-switch{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0}.pe-switch input{opacity:0;width:0;height:0}.pe-switch-slider{position:absolute;cursor:pointer;inset:0;background:#cbd5e1;transition:.3s;border-radius:999px}.pe-switch-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.pe-switch input:checked+.pe-switch-slider{background:var(--hk-primary)}.pe-switch input:checked+.pe-switch-slider:before{transform:translateX(20px)}.pf-cat-block{margin-bottom:24px}.pf-cat-head{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--hk-gray);margin:0 0 12px 2px}.pf-setup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.pf-setup-card{display:flex;gap:14px;padding:20px;background:#fff;border:1px solid var(--hk-border);border-radius:16px;transition:all .15s}.pf-setup-card:hover{border-color:var(--hk-primary);box-shadow:0 10px 26px rgba(21,101,192,.1);transform:translateY(-2px)}.pf-setup-icon{width:44px;height:44px;border-radius:12px;background:var(--hk-primary-light);color:var(--hk-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pf-setup-icon svg{width:22px;height:22px}.pf-setup-title{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--hk-dark)}.pf-setup-desc{margin:0;font-size:12.5px;line-height:1.5;color:var(--hk-gray)}.ord-page{display:flex;flex-direction:column;gap:18px}.ord-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.ord-stat{background:#fff;border:1px solid var(--hk-border);border-radius:16px;padding:16px;position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}.ord-stat:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.08)}.ord-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.ord-stat.tone-blue:before{background:var(--hk-primary)}.ord-stat.tone-amber:before{background:var(--hk-yellow)}.ord-stat.tone-green:before{background:#16a34a}.ord-stat.tone-red:before{background:#dc2626}.ord-stat-top{display:flex;align-items:center;justify-content:space-between}.ord-stat-label{font-size:11.5px;font-weight:700;color:var(--hk-gray);text-transform:uppercase;letter-spacing:.05em}.ord-stat-ico{color:var(--hk-gray-light);display:flex}.ord-stat-ico svg{width:16px;height:16px}.ord-stat-value{font-size:26px;font-weight:800;color:var(--hk-dark);margin-top:8px;letter-spacing:-.02em}.ord-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ord-filters{display:flex;gap:10px;flex:1;flex-wrap:wrap}.ord-search{flex:1;min-width:220px;height:42px}.ord-select{width:auto;min-width:150px;height:42px}.ord-actions{display:flex;gap:8px}.ord-table-card{padding:0;overflow:hidden}.ord-scroll{max-height:620px;overflow:auto}.ord-table thead th{position:sticky;top:0;background:#f8fafc;z-index:1}.ord-table td,.ord-table th{padding:13px 16px}.ord-sort{cursor:pointer;user-select:none;white-space:nowrap}.ord-sort:hover{color:var(--hk-primary)}.ord-row{cursor:pointer;transition:background .12s}.ord-row:hover{background:var(--hk-primary-light)}.ord-game{font-weight:700;font-size:13.5px;color:var(--hk-dark)}.ord-item{font-size:11px;margin-top:2px}.ord-date,.ord-item{color:var(--hk-gray-light)}.ord-date{font-size:12px;white-space:nowrap}.ord-pager{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-top:1px solid var(--hk-border)}.ord-pager-info{font-size:12.5px;color:var(--hk-gray)}.ord-pager-btns{display:flex;align-items:center;gap:10px}.ord-pager-page{font-size:12.5px;font-weight:700;color:var(--hk-dark)}.ord-drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;justify-content:flex-end}.ord-drawer{width:100%;max-width:460px;background:#fff;height:100%;display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(0,0,0,.2);animation:ordSlide .3s cubic-bezier(.22,1,.36,1)}@keyframes ordSlide{0%{transform:translateX(100%)}to{transform:translateX(0)}}.ord-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px;border-bottom:1px solid var(--hk-border)}.ord-drawer-id{font-family:JetBrains Mono,monospace;font-weight:800;font-size:16px;color:var(--hk-dark);margin-bottom:8px}.ord-drawer-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:22px}.ord-sec-title{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--hk-gray);margin-bottom:10px}.ord-sec-body{display:flex;flex-direction:column;gap:8px}.ord-kv{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.ord-k{color:var(--hk-gray)}.ord-v{color:var(--hk-dark);font-weight:600;text-align:right}.ord-notes,.ord-v{word-break:break-word}.ord-notes{background:#f8fafc;border:1px solid var(--hk-border);border-radius:10px;padding:12px;font-size:12px;color:var(--hk-gray);white-space:pre-wrap;margin:0;font-family:JetBrains Mono,monospace}.ord-timeline{display:flex;flex-direction:column;gap:0}.ord-tl{display:flex;gap:12px;padding-bottom:18px;position:relative}.ord-tl:not(:last-child):before{content:"";position:absolute;left:5px;top:14px;bottom:0;width:2px;background:var(--hk-border)}.ord-tl-dot{width:12px;height:12px;border-radius:50%;background:#cbd5e1;flex-shrink:0;margin-top:2px;z-index:1}.ord-tl.done .ord-tl-dot{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)}.ord-tl-label{font-size:13px;font-weight:700;color:var(--hk-dark)}.ord-tl-time{font-size:11.5px;color:var(--hk-gray-light);margin-top:2px}.ord-drawer-foot{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--hk-border)}.ord-drawer-foot .pf-icon-btn,.ord-drawer-foot .pf-save-btn{flex:1;justify-content:center}@media (max-width:1000px){.ord-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.ord-stats{grid-template-columns:1fr}.ord-drawer{max-width:100%}}.prd-page{display:flex;flex-direction:column;gap:16px}.prd-stats{grid-template-columns:repeat(4,1fr)}.pf-empty-lg{padding:48px 20px}.prd-empty-ico{width:64px;height:64px;border-radius:18px;background:var(--hk-primary-light);color:var(--hk-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 6px}.prd-empty-ico svg{width:30px;height:30px}.pf-empty-lg h3{margin:8px 0 4px;font-size:18px;color:var(--hk-dark)}.prd-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.prd-search{flex:1;min-width:220px;height:42px}.prd-chips{display:flex;gap:8px;flex-wrap:wrap}.prd-chip{padding:8px 16px;border:1.5px solid var(--hk-border);background:#fff;border-radius:100px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--hk-gray);cursor:pointer;transition:all .12s;white-space:nowrap}.prd-chip:hover{border-color:var(--hk-primary);color:var(--hk-primary)}.prd-chip.active{background:var(--hk-primary);color:#fff;border-color:var(--hk-primary)}.prd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.prd-game-card{background:#fff;border:1px solid var(--hk-border);border-radius:18px;overflow:hidden;text-align:left;font-family:inherit;padding:0;cursor:default;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s;display:flex;flex-direction:column}.prd-game-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -12px rgba(21,101,192,.28);border-color:var(--hk-primary)}.prd-pick{cursor:pointer}.prd-game-cover{position:relative;aspect-ratio:16/9;background-size:cover;background-position:50%;background-color:#f1f5f9}.prd-game-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,22,40,.35))}.prd-cat-badge{position:absolute;top:10px;left:10px;z-index:1;font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:100px;background:rgba(255,255,255,.92);color:var(--hk-primary);text-transform:uppercase;letter-spacing:.04em}.prd-cat-badge.prd-added{background:#16a34a;color:#fff}.prd-game-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}.prd-game-name{margin:0;font-size:15px;font-weight:800;color:var(--hk-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prd-game-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--hk-gray);flex-wrap:wrap}.prd-dot{color:var(--hk-gray-light)}.prd-hidden{color:#ca8a04}.prd-game-actions{display:flex;gap:8px;margin-top:auto}.prd-manage{flex:1;justify-content:center;height:38px}.prd-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.prd-pick-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--hk-border);border-radius:12px;cursor:pointer;transition:all .12s}.prd-pick-item:hover{border-color:#90caf9}.prd-pick-item.selected{border-color:var(--hk-primary);background:var(--hk-primary-light)}.prd-pick-item.is-imported{opacity:.55;cursor:default}.prd-pick-item input{accent-color:var(--hk-primary);width:16px;height:16px;flex-shrink:0}.prd-pick-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.prd-pick-name{font-size:13.5px;font-weight:700;color:var(--hk-dark)}.prd-pick-price{font-size:12px;color:var(--hk-gray)}.prd-pick-price em{color:var(--hk-primary);font-weight:800;font-style:normal}.prd-drawer{max-width:520px}.prd-item-row{border:1px solid var(--hk-border);border-radius:12px;padding:12px}.prd-item-row.is-hidden{opacity:.7;background:#f8fafc}.prd-item-main{display:flex;align-items:center;gap:12px}.prd-item-thumb{width:42px;height:42px;border-radius:10px;object-fit:cover;background:#f1f5f9;flex-shrink:0}.prd-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.prd-item-name{font-size:13.5px;font-weight:700;color:var(--hk-dark)}.prd-item-sub{font-size:11.5px;color:var(--hk-gray)}.prd-item-btns{display:flex;gap:6px}.prd-item-edit{margin-top:12px;padding-top:12px;border-top:1px dashed var(--hk-border);display:flex;flex-direction:column;gap:10px}@media (max-width:1000px){.prd-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.prd-grid{grid-template-columns:1fr 1fr}.prd-item-grid{grid-template-columns:1fr}}.gm-modal{max-width:720px}.gm-steps{display:flex;gap:8px;margin-bottom:16px}.gm-step{flex:1;padding:10px;border:1.5px solid var(--hk-border);background:#fff;border-radius:10px;font-family:inherit;font-size:13px;font-weight:700;color:var(--hk-gray);cursor:pointer}.gm-step.active{border-color:var(--hk-primary);background:var(--hk-primary-light);color:var(--hk-primary)}.gm-grid{display:grid;grid-template-columns:1fr 220px;gap:18px;align-items:start}.gm-form{gap:12px}.gm-preview{position:sticky;top:0}.gm-preview-note{margin-top:10px;font-size:12px;color:var(--hk-gray);text-align:center}.gm-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid var(--hk-border)}@media (max-width:640px){.gm-grid{grid-template-columns:1fr}.gm-preview{display:none}}.prd-chip-add{border-style:dashed}.prd-cat-list{display:flex;flex-direction:column;gap:8px}.prd-cat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid var(--hk-border);border-radius:10px;font-size:13.5px;font-weight:600;color:var(--hk-dark)}.prd-cat-tag{font-size:10.5px;font-weight:700;color:var(--hk-gray-light);text-transform:uppercase;background:#f1f5f9;padding:3px 8px;border-radius:100px}