:root{--bg:#f4f7fc;--card:#fff;--ink:#162033;--muted:#6b7485;--brand:#1677ff;--brand-dark:#075fd1;--brand-soft:#eaf3ff;--line:#e4eaf2;--good:#0f9f6e;--bad:#ef4444;--sidebar:#111c2f;--shadow:0 22px 70px rgba(32,71,130,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--brand);text-decoration:none}button,input,select,textarea{font:inherit}.shell{max-width:1180px;margin:auto;padding:28px 20px}.brand{font-size:23px;font-weight:800;letter-spacing:-.5px}.card{background:var(--card);border:1px solid rgba(222,230,240,.9);border-radius:20px;padding:22px;box-shadow:0 8px 30px rgba(31,41,55,.055)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.two{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.7fr);gap:20px}.section-card{margin-top:20px}.stat{color:var(--muted);position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:90px;height:90px;right:-28px;top:-28px;border-radius:50%;background:var(--brand-soft)}.stat strong{display:block;font-size:28px;color:var(--ink);margin-top:10px}.stat small{display:block;margin-top:7px;color:#9aa3b1}.stats-grid{margin-bottom:20px}label{display:block;font-size:13px;font-weight:650;color:#566174;margin:16px 0 7px}input,select,button{width:100%;min-height:44px;padding:11px 13px;border-radius:11px;border:1px solid var(--line);font-size:14px;transition:.2s ease}input,select,textarea{background:#f9fbfe;color:var(--ink);outline:none}textarea{display:block;width:100%;min-height:110px;padding:11px 13px;resize:vertical;border:1px solid var(--line);border-radius:11px;line-height:1.6;transition:.2s ease}input:focus,select:focus,textarea:focus{background:#fff;border-color:#75adff;box-shadow:0 0 0 4px rgba(22,119,255,.1)}button{border:0;background:var(--brand);color:#fff;font-weight:750;cursor:pointer;margin-top:14px}button:hover{background:var(--brand-dark);transform:translateY(-1px)}button:disabled{opacity:.62;cursor:not-allowed;transform:none}.secondary{background:var(--brand-soft);color:var(--brand)}button.secondary:hover{background:#dcecff}.danger{background:#fff0f0;color:var(--bad)}button.danger:hover{background:#ffe3e3}.compact{width:auto;min-height:36px;margin:0;padding:8px 13px}.hidden{display:none!important}.msg{min-height:24px;margin-top:13px;color:var(--bad);font-size:14px}.msg.success{color:var(--good)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:650;background:#fafbfd}.pill,.status-pill{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:12px}.status-pill{background:#ebfaf4;color:var(--good)}.pay{max-width:460px;margin:6vh auto;text-align:center}.qr-render{display:grid;place-items:center;width:min(330px,100%);aspect-ratio:1;margin:16px auto;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff}.qr-render canvas{max-width:100%;height:auto!important}.amount{font-size:34px;font-weight:800}.hint{color:var(--muted);line-height:1.7}.avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:var(--brand-soft);border:3px solid rgba(255,255,255,.85)}.account-copy{display:flex;flex-direction:column;min-width:0}.account-copy span{color:#8f9caf;font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.modal{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(17,31,54,.48);backdrop-filter:blur(5px)}.modal-card{width:min(440px,100%);box-shadow:var(--shadow)}.modal-title{display:flex;align-items:center;justify-content:space-between}.modal-title h3{margin:0}.icon-button{width:36px;min-height:36px;margin:0;padding:0;background:#f1f5fa;color:var(--muted);font-size:25px;font-weight:400}.field-help{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.table-wrap{overflow:auto}.table-sub{display:block;margin-top:5px;color:var(--muted);font-weight:400}.empty{text-align:center;color:var(--muted);padding:34px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h3{margin:0;font-size:18px}.section-heading p{margin:6px 0 0;color:var(--muted);font-size:13px}.qr-thumb{display:grid;place-items:center;width:76px;height:76px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#fff}.qr-thumb canvas,.qr-thumb img{display:block;width:68px!important;height:68px!important;object-fit:contain}.url-box{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border:1px solid #dce5f2;border-radius:13px;background:#f7f9fd;transition:.2s ease}.url-box:focus-within{border-color:#8bb9ff;box-shadow:0 0 0 4px rgba(22,119,255,.08)}.url-box code{flex:1;overflow-wrap:anywhere;color:#31415b;font-size:13px}.cashier-card{display:grid;grid-template-columns:minmax(260px,34%) minmax(0,1fr);max-width:none;padding:0;overflow:hidden}.cashier-visual{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:340px;padding:32px;text-align:center;color:#fff;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.22),transparent 28%),linear-gradient(145deg,#2588ff,#075fd1)}.cashier-visual:after{content:"";position:absolute;right:-54px;bottom:-70px;width:190px;height:190px;border:34px solid rgba(255,255,255,.08);border-radius:50%}.cashier-visual-head,.cashier-qr-preview,.cashier-scan-copy{position:relative;z-index:1}.cashier-visual-head h3{margin:8px 0 5px;font-size:24px}.cashier-visual-head p{margin:0 0 22px;color:rgba(255,255,255,.76);font-size:13px}.cashier-badge{display:inline-flex;padding:5px 9px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.12);font-size:10px;font-weight:800;letter-spacing:1.3px}.cashier-qr-preview{display:grid;place-items:center;width:168px;height:168px;padding:9px;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:#fff;box-shadow:0 16px 34px rgba(0,50,130,.25)}.cashier-qr-preview img{display:block;width:148px;height:148px}.cashier-qr-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;color:#7d8ca3;font-size:13px;font-weight:650}.cashier-loading-spinner{width:28px;height:28px;border:3px solid #dbe9fb;border-top-color:var(--brand);border-radius:50%;animation:pay-spin .75s linear infinite}.cashier-scan-copy{display:flex;flex-direction:column;margin-top:18px}.cashier-scan-copy strong{font-size:15px}.cashier-scan-copy span{margin-top:5px;color:rgba(255,255,255,.72);font-size:12px}.cashier-details{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:38px 42px}.cashier-details-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.cashier-details-head h3{margin:7px 0 7px;font-size:23px}.cashier-details-head p{max-width:500px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.cashier-details-head .action-link{flex:none}.cashier-kicker{color:var(--brand);font-size:11px;font-weight:850;letter-spacing:1.5px}.cashier-link{min-width:0;margin-top:28px}.cashier-link label{margin:0 0 9px;color:#48566c}.cashier-link .msg{margin-top:8px}.cashier-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;padding-top:21px;border-top:1px solid var(--line)}.cashier-actions>div{display:flex;min-width:0;flex-direction:column}.cashier-actions strong{font-size:14px}.cashier-actions span{margin-top:5px;color:var(--muted);font-size:12px}.cashier-actions .action-link{flex:none;background:var(--brand);color:#fff;box-shadow:0 7px 18px rgba(22,119,255,.2)}.account-card{max-width:760px}.dashboard-cashier{margin-top:20px}.payment-settings-card{display:grid;grid-template-columns:minmax(260px,1fr) minmax(350px,1.2fr);align-items:center;gap:26px;padding:26px 28px}.payment-settings-copy{display:flex;align-items:center;gap:16px}.payment-settings-copy h3{margin:0;font-size:18px}.payment-settings-copy p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.settings-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:15px;background:var(--brand-soft);color:var(--brand);font-weight:850;box-shadow:inset 0 0 0 1px rgba(22,119,255,.08)}.risk-settings-form{display:grid;grid-template-columns:minmax(120px,.75fr) minmax(150px,1fr) minmax(170px,1.15fr) minmax(105px,.55fr) auto;align-items:end;gap:10px}.risk-settings-form button{width:auto;min-width:96px;white-space:nowrap}.risk-settings-form label{margin:0}.risk-settings-form button{min-height:44px}.account-filter-toolbar{align-items:flex-start}.multi-select-filter{position:relative;min-width:180px}.multi-select-filter summary{height:42px;padding:0 38px 0 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:13px;line-height:40px;cursor:pointer;list-style:none;white-space:nowrap}.multi-select-filter summary::-webkit-details-marker{display:none}.multi-select-filter summary:after{content:'⌄';position:absolute;right:14px;top:9px;color:var(--muted)}.multi-select-filter[open] summary:after{content:'⌃'}.multi-select-options{position:absolute;right:0;top:calc(100% + 6px);z-index:12;min-width:100%;padding:7px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 14px 35px rgba(31,41,55,.16)}.multi-select-options label{display:flex;align-items:center;gap:8px;margin:0;padding:8px;border-radius:8px;font-size:13px;cursor:pointer}.multi-select-options label:hover{background:var(--brand-soft)}.multi-select-options input{width:15px;height:15px;margin:0;accent-color:var(--brand)}.account-risk-tags{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px}.account-risk-pill{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid #fecaca;border-radius:999px;background:#fef2f2;color:#dc2626;font-size:11px;font-weight:750;white-space:nowrap}.detail-risk-tags{display:inline-flex;margin-left:8px;vertical-align:3px}.payment-settings-form{display:grid;grid-template-columns:auto minmax(150px,220px) auto;align-items:end;justify-content:end;gap:12px}.payment-settings-form label{margin:0 0 12px}.minute-input{display:flex;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#f9fbfe}.minute-input:focus-within{border-color:#75adff;box-shadow:0 0 0 4px rgba(22,119,255,.1)}.minute-input input{min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none}.minute-input input:focus{background:transparent;box-shadow:none}.minute-input span{padding:0 14px;color:var(--muted);font-size:13px;white-space:nowrap;border-left:1px solid var(--line)}.payment-settings-form button{min-height:44px}.settings-notice{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#f7faff;color:var(--muted);font-size:12px}.settings-notice strong{flex:none;color:var(--brand)}.payment-settings-card>.msg{grid-column:1/-1;min-height:0;margin:0}.action-link{display:inline-flex;align-items:center;justify-content:center;font-weight:750}.action-link.disabled{pointer-events:none;opacity:.55}.code-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) 170px 150px 140px;gap:10px;margin-bottom:6px}.code-toolbar input,.code-toolbar select{min-height:40px}.result-count{color:var(--muted);font-size:13px;white-space:nowrap}.heading-actions{display:flex;align-items:center;gap:12px}.code-modal-card{width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto}.modal-title p{margin:6px 0 0;color:var(--muted);font-size:13px}.account-select-row,.account-creator{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.account-select-row button,.account-creator button{min-height:44px;white-space:nowrap}.account-creator{margin-top:10px;padding:12px;border-radius:12px;background:#f6f9fd;border:1px solid var(--line)}.enable-state{display:block;width:max-content;margin-bottom:7px;padding:4px 8px;border-radius:999px;font-size:12px}.code-actions{display:flex;align-items:center;gap:7px}.delete-code{background:#fff;color:var(--bad);border:1px solid #ffd4d4}.delete-code:hover{background:#fff0f0;transform:none}.qr-error{font-size:12px;color:var(--bad)}.qr-error-box{display:grid;place-items:center;gap:8px;text-align:center;padding:0 8px}.enable-state.on{color:var(--good);background:#ebfaf4}.enable-state.off{color:var(--muted);background:#eef1f5}.disabled-row{background:#fafbfc;color:#7d8795}.disabled-row .qr-thumb{opacity:.55}.sticky-card{align-self:start;position:sticky;top:24px}
.admin-page{background:#f2f5fa}.admin-layout{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:250px;padding:24px 18px;display:flex;flex-direction:column;background:var(--sidebar);color:#fff}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;transition:opacity .2s ease}.sidebar-brand:hover{color:#fff;opacity:.88}.sidebar-brand span{display:flex;flex-direction:column}.sidebar-brand strong{font-size:18px}.sidebar-brand small{margin-top:3px;color:#8f9caf}.sidebar-logo{display:block;width:42px;height:42px;border-radius:13px;box-shadow:0 8px 22px rgba(101,83,237,.32)}.side-menu{display:flex;flex-direction:column;gap:7px;margin-top:22px}.side-item{display:flex;align-items:center;gap:12px;margin:0;padding:11px 12px;min-height:46px;background:transparent;color:#aab5c6;text-align:left;font-weight:650}.side-item span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.07);font-size:12px}.side-item:hover,.side-item.active{background:rgba(68,143,255,.16);color:#fff;transform:none}.side-item.active span{background:var(--brand);color:#fff}.sidebar-account{position:relative;margin-top:auto;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.08)}.account-toggle{display:grid;grid-template-columns:46px minmax(0,1fr) 18px;gap:10px;align-items:center;margin:0;padding:8px;width:100%;min-height:62px;background:transparent;color:#fff;text-align:left}.account-toggle:hover{background:rgba(255,255,255,.07);transform:none}.account-toggle .account-copy span{overflow:visible;color:#8f9caf;font-size:10px;line-height:1.35;letter-spacing:-.15px;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.account-chevron{color:#8f9caf;font-size:16px;text-align:center;transition:transform .2s}.account-toggle[aria-expanded="true"] .account-chevron{transform:rotate(180deg)}.account-actions{position:absolute;right:0;bottom:calc(100% + 6px);left:0;z-index:1;padding:5px 8px 0}.account-actions button{min-height:38px;margin-top:7px;background:rgba(255,255,255,.08);color:#d9e1ed}.account-actions button:hover{background:rgba(68,143,255,.18);transform:none}.account-actions .sidebar-logout:hover{background:rgba(239,68,68,.18);color:#ffb0b0}.admin-main{min-height:100vh;margin-left:250px;padding:28px 32px 50px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-header h1{margin:0;font-size:27px}.admin-header p{margin:7px 0 0;color:var(--muted)}.admin-view{display:none}.admin-view.active{display:block}.mobile-menu{display:none}
.auth-page{min-height:100vh;background:radial-gradient(circle at 10% 15%,rgba(87,164,255,.22),transparent 30%),radial-gradient(circle at 88% 86%,rgba(70,121,255,.18),transparent 28%),linear-gradient(135deg,#f5f9ff,#eef3fb)}.auth-layout{width:min(1080px,calc(100% - 32px));min-height:100vh;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:82px;padding:44px 0}.auth-hero{padding:36px}.logo-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#fff;font-size:26px;font-weight:900;background:linear-gradient(135deg,#36a1ff,#1167f5);box-shadow:0 10px 26px rgba(22,119,255,.3)}.eyebrow{display:block;margin-top:36px;color:var(--brand);font-size:12px;font-weight:850;letter-spacing:2.5px}.auth-hero h1{max-width:600px;margin:16px 0;font-size:48px;line-height:1.16;letter-spacing:-2px}.auth-hero p{max-width:550px;color:var(--muted);font-size:17px;line-height:1.85}.feature-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.feature-list span{padding:9px 13px;border:1px solid rgba(22,119,255,.16);border-radius:999px;background:rgba(255,255,255,.66);color:#41658e;font-size:13px}.auth-card{padding:34px;box-shadow:var(--shadow);border-color:rgba(255,255,255,.9)}.auth-heading h2{margin:0;font-size:28px}.auth-heading p{margin:8px 0 24px;color:var(--muted);font-size:14px}.mobile-brand{display:none;align-items:center;gap:12px;margin-bottom:28px}.mobile-brand .logo-mark{width:40px;height:40px;border-radius:12px;font-size:20px}.tabs{display:flex;gap:8px;padding:5px;margin-bottom:20px;border-radius:13px;background:#f0f4fa}.tabs button{flex:1;min-height:40px;margin:0;background:var(--brand);box-shadow:0 5px 14px rgba(22,119,255,.18)}.tabs button.secondary{background:transparent;color:var(--muted);box-shadow:none}.primary-button{min-height:48px;margin-top:22px;box-shadow:0 9px 20px rgba(22,119,255,.23)}.code-row{display:grid;grid-template-columns:1fr 132px;gap:10px}.code-button{margin:0;white-space:nowrap}.form-link{text-align:right;margin-top:9px}.text-button{width:auto;min-height:auto;margin:0;padding:3px 0;background:transparent;color:var(--brand);font-weight:650}.text-button:hover{background:transparent;color:var(--brand-dark);transform:none}.back-login{display:block;margin:17px auto 0}.captcha-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(16,30,52,.52);backdrop-filter:blur(6px)}.captcha-card{width:min(380px,100%);padding:24px;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:#fff;box-shadow:0 26px 80px rgba(15,38,73,.28)}.captcha-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.captcha-head h3{margin:0;font-size:20px}.captcha-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.captcha-close{width:34px;min-height:34px;margin:0;padding:0;border-radius:10px;background:#f1f5fa;color:#758196;font-size:23px;font-weight:400}.captcha-close:hover{background:#e8eef6;transform:none}.captcha-scene{position:relative;height:130px;margin-top:20px;overflow:hidden;border:1px solid #dbe7f7;border-radius:14px;background:linear-gradient(135deg,#dceeff,#f7fbff)}.captcha-pattern{position:absolute;inset:0;background:radial-gradient(circle at 18% 30%,rgba(22,119,255,.22) 0 16px,transparent 17px),radial-gradient(circle at 77% 68%,rgba(22,119,255,.15) 0 24px,transparent 25px),linear-gradient(145deg,transparent 47%,rgba(255,255,255,.72) 48% 53%,transparent 54%)}.captcha-target{position:absolute;top:45px;width:44px;height:44px;border:3px dashed #1677ff;border-radius:11px;background:rgba(255,255,255,.58);box-shadow:0 5px 15px rgba(22,119,255,.15)}.captcha-piece{position:absolute;z-index:2;top:45px;left:2px;width:44px;height:44px;border:2px solid #fff;border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(153,199,255,.9));box-shadow:0 6px 16px rgba(22,119,255,.28);pointer-events:none;will-change:transform}.captcha-scene-label{position:absolute;left:14px;bottom:11px;color:#53708f;font-size:12px;font-weight:650}.captcha-track{position:relative;height:46px;margin-top:16px;overflow:hidden;border:1px solid #dce5f1;border-radius:12px;background:#f3f6fa;touch-action:none}.captcha-track>span{position:absolute;inset:0;display:grid;place-items:center;color:#8793a5;font-size:13px;pointer-events:none}.captcha-progress{position:absolute;inset:0 auto 0 0;width:22px;background:#dcecff}.captcha-handle{position:absolute;z-index:2;top:2px;left:2px;width:42px;min-height:40px;margin:0;padding:0;border-radius:10px;background:var(--brand);box-shadow:0 5px 14px rgba(22,119,255,.25);font-size:20px;touch-action:none;user-select:none}.captcha-handle:hover{background:var(--brand);transform:none}.captcha-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.captcha-status{color:var(--muted);font-size:12px}.captcha-status.error{color:var(--bad)}.captcha-status.success{color:var(--good)}.captcha-footer>div{display:flex;gap:10px}.captcha-link{width:auto;min-height:auto;margin:0;padding:2px;background:transparent;color:var(--brand);font-size:12px}.captcha-link:hover{background:transparent;transform:none}
.alipay-page{min-height:100vh;background:linear-gradient(180deg,#1677ff 0,#1677ff 260px,#f4f6f9 260px,#f4f6f9 100%);color:#1f2738}.alipay-header{display:flex;align-items:center;justify-content:space-between;width:min(1080px,calc(100% - 40px));height:82px;margin:auto;color:#fff}.alipay-logo{display:flex;align-items:center;gap:12px}.alipay-logo>div{display:flex;flex-direction:column}.alipay-logo strong{font-size:20px}.alipay-logo small{margin-top:2px;color:rgba(255,255,255,.75);font-size:12px}.alipay-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#fff;color:#1677ff;font-size:25px;font-weight:900;box-shadow:0 7px 20px rgba(0,56,145,.18)}.secure-badge{padding:8px 13px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.12);font-size:13px}.alipay-shell{width:min(520px,calc(100% - 28px));margin:40px auto 0}.alipay-card{overflow:hidden;border:1px solid rgba(220,228,239,.9);border-radius:20px;background:#fff;box-shadow:0 22px 65px rgba(15,52,105,.14)}.alipay-card-head{display:flex;align-items:center;gap:14px;padding:25px 30px;border-bottom:1px solid #eef1f5;background:linear-gradient(135deg,#fff,#f7fbff)}.alipay-card-head h1{margin:0;font-size:22px}.alipay-card-head p{margin:5px 0 0;color:#8a94a5;font-size:13px}.pay-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#2c8cff,#1677ff);color:#fff;font-size:25px;font-weight:800;box-shadow:0 8px 18px rgba(22,119,255,.24)}.pay-create,.pay-result{padding:28px 30px 30px}.pay-create label{margin:0 0 10px;color:#303849;font-size:14px}.amount-input{display:flex;align-items:center;height:70px;border:2px solid #e6eaf0;border-radius:14px;background:#fbfcfe;transition:.2s}.amount-input:focus-within{border-color:#1677ff;background:#fff;box-shadow:0 0 0 4px rgba(22,119,255,.1)}.amount-input span{padding-left:18px;color:#242c3b;font-size:27px;font-weight:650}.amount-input input{height:100%;min-height:0;padding:8px 18px 8px 10px;border:0;background:transparent;box-shadow:none;color:#202838;font-size:31px;font-weight:650}.amount-input input:focus{background:transparent;box-shadow:none}.amount-input input::-webkit-inner-spin-button,.amount-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pay-tip{display:flex;align-items:center;gap:7px;margin:11px 0 0;color:#8a94a5;font-size:12px}.pay-tip span{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#eaf3ff;color:#1677ff;font-size:11px;font-weight:800}.alipay-submit{min-height:52px;margin-top:24px;border-radius:12px;background:#1677ff;box-shadow:0 9px 22px rgba(22,119,255,.23);font-size:16px}.alipay-submit:hover{background:#0f6de8}.security-line{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:17px;color:#9ba4b2;font-size:12px}.security-line span{color:#18a56d}.button-loading{display:inline-block;width:15px;height:15px;margin-right:8px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;vertical-align:-2px;animation:pay-spin .7s linear infinite}@keyframes pay-spin{to{transform:rotate(360deg)}}.pay-result{text-align:center}.result-label{margin:0;color:#8a94a5;font-size:13px}.pay-result .amount{margin:6px 0 17px;color:#202838;font-size:34px}.pay-result .qr-render{position:relative;width:284px;padding:14px;border:1px solid #e9edf3;border-radius:16px;box-shadow:0 10px 30px rgba(31,54,88,.08)}.pay-result .qr-render img{display:block;width:254px;height:254px}.qr-corner{position:absolute;width:24px;height:24px;border-color:#1677ff;border-style:solid}.qr-corner.top-left{top:7px;left:7px;border-width:3px 0 0 3px;border-radius:5px 0 0}.qr-corner.top-right{top:7px;right:7px;border-width:3px 3px 0 0;border-radius:0 5px 0 0}.qr-corner.bottom-left{bottom:7px;left:7px;border-width:0 0 3px 3px;border-radius:0 0 0 5px}.qr-corner.bottom-right{right:7px;bottom:7px;border-width:0 3px 3px 0;border-radius:0 0 5px}.scan-tip{display:flex;flex-direction:column;gap:7px;margin:19px 0;color:#8993a3;font-size:13px}.scan-tip strong{color:#303849;font-size:16px}.order-line{margin-top:20px;padding-top:16px;border-top:1px solid #eef1f5;color:#9aa3b1;font-size:12px}.order-line code{color:#687386}.pay-message{min-height:22px;margin:0 30px 22px;text-align:center}.alipay-footer{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px 0;color:#929baa;font-size:12px}.alipay-footer i{width:3px;height:3px;border-radius:50%;background:#b9c0ca}
@media(max-width:1000px){.risk-settings-form{grid-template-columns:repeat(2,minmax(160px,1fr))}.order-filter{grid-template-columns:1fr 1fr}.order-number-filter{grid-column:1/-1}.order-filter-actions{grid-column:1/-1}.sidebar{width:220px}.admin-main{margin-left:220px;padding:24px 20px}.grid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.sticky-card{position:static}.cashier-card{grid-template-columns:250px minmax(0,1fr)}.cashier-visual{padding:28px 22px}.cashier-details{padding:32px 28px}.cashier-details-head{flex-direction:column}.cashier-details-head .action-link{align-self:flex-start}.payment-settings-card{grid-template-columns:1fr}.payment-settings-form{justify-content:start}.settings-notice{grid-column:auto}}
@media(max-width:760px){.risk-settings-form{grid-template-columns:1fr}.risk-settings-form button{width:100%}.order-filter{grid-template-columns:1fr}.order-number-filter,.order-filter-actions{grid-column:auto}.order-filter-actions{display:grid;grid-template-columns:1fr 1fr}.order-filter-actions button{width:100%}.order-filter-actions #exportOrders{grid-column:1/-1}.notification-field-row,.keyword-row{grid-template-columns:1fr}.notification-field-row{gap:8px}.notification-actions{display:grid;grid-template-columns:1fr 1fr}.notification-actions button{width:100%}.notification-help{margin-left:0}.sidebar{transform:translateX(-100%);transition:.25s ease;box-shadow:20px 0 50px rgba(0,0,0,.2)}.sidebar.open{transform:translateX(0)}.admin-main{margin-left:0;padding:20px 14px}.mobile-menu{display:block}.admin-header h1{font-size:23px}.auth-layout{grid-template-columns:1fr;max-width:480px;gap:0}.auth-hero{display:none}.mobile-brand{display:flex}.cashier-card{grid-template-columns:1fr}.cashier-visual{min-height:auto;padding:28px 20px}.cashier-details{padding:28px 22px}.cashier-details-head{gap:18px}.cashier-details-head .action-link{width:100%}.cashier-actions{align-items:stretch;flex-direction:column}.cashier-actions .action-link{width:100%}.payment-settings-card{gap:20px}.payment-settings-form{grid-template-columns:1fr}.payment-settings-form label{margin:0}.payment-settings-form button{width:100%}.settings-notice{align-items:flex-start;flex-direction:column}.url-box{align-items:stretch;flex-direction:column;padding:12px}.url-box button{width:100%}.code-toolbar{grid-template-columns:1fr}.codes-heading{align-items:flex-start}.heading-actions{align-items:flex-end;flex-direction:column}}
@media(max-width:560px){.alipay-page{background:linear-gradient(180deg,#1677ff 0,#1677ff 185px,#f4f6f9 185px)}.alipay-header{width:calc(100% - 32px);height:68px}.alipay-mark{width:37px;height:37px;font-size:22px}.alipay-logo strong{font-size:18px}.secure-badge{padding:6px 10px;font-size:12px}.alipay-shell{width:calc(100% - 24px);margin-top:20px}.alipay-card{border-radius:17px}.alipay-card-head{padding:21px 20px}.pay-icon{width:43px;height:43px;border-radius:13px}.alipay-card-head h1{font-size:20px}.pay-create,.pay-result{padding:24px 20px 25px}.amount-input{height:64px}.amount-input input{font-size:28px}.pay-result .qr-render{width:min(284px,100%)}.pay-result .qr-render img{width:100%;height:auto}.pay-message{margin:0 20px 18px}.alipay-footer{flex-wrap:wrap;margin-top:18px}.shell{padding:18px 12px}.auth-layout{width:100%;padding:18px 12px}.auth-card{padding:24px 20px}.grid{grid-template-columns:1fr}.code-row{grid-template-columns:1fr 118px}.code-button{padding:8px}.auth-heading h2{font-size:24px}.card{padding:17px}.admin-header p{font-size:13px}}
.order-filter{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(150px,.9fr) minmax(175px,1fr) minmax(175px,1fr) auto;align-items:end;gap:12px;margin:0 0 4px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f8faff}.order-filter-field label{margin:0 0 7px;color:#4f5d72}.order-filter-field input,.order-filter-field select{width:100%;min-height:40px;background:#fff}.order-filter-actions{display:flex;align-items:center;gap:8px;padding-bottom:2px}.order-filter-actions button{white-space:nowrap}.settings-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.settings-form label{margin:0}.settings-form input[type=number]{width:140px}.settings-form input[type=url]{flex:1;min-width:260px}.notification-settings-form{display:flex;align-items:stretch;flex-direction:column;gap:12px}.notification-field-row{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:12px}.notification-field-row label,.notification-field-label{color:#4e5d73;font-weight:700}.notification-field-row input{width:100%;min-width:0}.notification-type-row{grid-template-columns:180px minmax(0,1fr)}.notification-type-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.notification-type-options label{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #dfe7f2;border-radius:10px;background:#f8faff;cursor:pointer}.notification-type-options input[type=checkbox]{display:inline-block;position:static;inset:auto;opacity:1;width:16px;min-width:16px;max-width:16px;height:16px;min-height:16px;max-height:16px;padding:0;margin:0;accent-color:var(--brand);box-shadow:none}.notification-actions{display:flex;align-items:center;gap:8px}.notification-actions button{white-space:nowrap}.keyword-row{grid-template-columns:180px minmax(0,1fr)}.notification-help{margin:0 0 0 192px;padding:9px 12px;border-radius:9px;background:#f7f9fd}.setting-switch-group{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;font-weight:650}.switch{position:relative;display:inline-flex;width:46px;height:26px;margin:0}.switch input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch-track{position:absolute;inset:0;border-radius:999px;background:#cdd5e0;transition:.2s}.switch input:checked+.switch-track{background:var(--brand)}.switch-track:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+.switch-track:before{transform:translateX(20px)}.accounts-table th,.accounts-table td,.orders-table th,.orders-table td{text-align:center}.accounts-table .account-weight-display{justify-content:center}.accounts-table .enable-state{margin-right:auto;margin-left:auto}.order-bulk-actions{flex-direction:row!important;align-items:center!important}.orders-table .order-select-column{width:52px;padding-left:8px;padding-right:8px}.orders-table input[type=checkbox]{display:block;width:17px;height:17px;min-height:0;margin:auto;padding:0;border-radius:5px;accent-color:var(--brand);cursor:pointer}.orders-table tbody tr{transition:background .18s ease}.orders-table tbody tr.selected{background:#f1f7ff}.membership-orders-table .order-select-column{width:44px;padding-right:6px;padding-left:6px;text-align:center}.membership-orders-table input[type=checkbox]{display:block;width:15px;min-width:15px;max-width:15px;height:15px;min-height:15px;max-height:15px;margin:auto;padding:0;border-radius:4px;accent-color:var(--brand);box-shadow:none;cursor:pointer}.membership-orders-table tbody tr{transition:background .18s ease}.membership-orders-table tbody tr.selected{background:#f1f7ff}.account-row{cursor:pointer}.account-row:hover{background:#f7faff}.account-action-trigger{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:92px;min-height:40px;padding:8px 15px;border:1px solid #c8dcfa;border-radius:11px;background:linear-gradient(180deg,#f8fbff,#eef5ff);color:#1468dc;font-weight:750;box-shadow:0 2px 8px rgba(22,119,255,.08);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.account-action-trigger:hover{border-color:#8eb9f8;background:linear-gradient(180deg,#f2f7ff,#e3efff);color:var(--brand-dark);box-shadow:0 6px 16px rgba(22,119,255,.14);transform:translateY(-1px)}.account-action-trigger:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(22,119,255,.13)}.account-action-trigger span{position:relative;top:-2px;display:inline-block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:inherit;font-size:0;line-height:0;transform:rotate(45deg);transform-origin:center;transition:transform .2s ease,top .2s ease}.account-action-trigger[aria-expanded="true"]{border-color:#86b4f7;background:#e7f1ff;box-shadow:0 3px 12px rgba(22,119,255,.12)}.account-action-trigger[aria-expanded="true"] span{top:2px;transform:rotate(225deg)}.table-action-menu{position:fixed;z-index:80;width:176px;padding:8px;border:1px solid #e1e8f2;border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 18px 48px rgba(31,54,88,.2),0 3px 10px rgba(31,54,88,.08);backdrop-filter:blur(12px);animation:action-menu-in .16s ease-out;transform-origin:top right}.table-action-menu button{display:flex;align-items:center;gap:11px;width:100%;min-height:42px;margin:0;padding:9px 11px;border:0;border-radius:9px;background:transparent;color:#27364d;text-align:left;font-size:14px;font-weight:680;box-shadow:none;transition:background .15s ease,color .15s ease}.table-action-menu button:before{display:inline-flex;align-items:center;justify-content:center;flex:0 0 27px;width:27px;height:27px;border-radius:8px;background:#f2f6fc;color:#62748d;font-size:15px;font-weight:800;line-height:1}.table-action-menu .manage-account:before{content:"▦"}.table-action-menu .edit-account:before{content:"✎"}.table-action-menu .toggle-account:before{content:"○"}.table-action-menu .delete-account:before{content:"×";font-size:19px}.table-action-menu button:hover{background:#f1f6ff;color:#1268dd;transform:none}.table-action-menu button:hover:before{background:#dfeeff;color:#1268dd}.table-action-menu .toggle-account{margin-top:5px;padding-top:10px;border-top:1px solid #edf1f6;border-radius:0 0 9px 9px}.table-action-menu .danger-item{color:#e5484d}.table-action-menu .danger-item:before{background:#fff1f1;color:#e5484d}.table-action-menu .danger-item:hover{background:#fff3f3;color:#d9363e}.table-action-menu .danger-item:hover:before{background:#ffe1e2;color:#d9363e}@keyframes action-menu-in{from{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.account-weight-display{display:flex;align-items:center;gap:6px}.account-weight-display>strong{min-width:16px}.account-weight-total{color:var(--muted);font-weight:650;white-space:nowrap}.smart-weight-display{animation:smart-weight-pulse 1.8s ease-in-out infinite}.smart-weight-display>strong{color:var(--brand)}@keyframes smart-weight-pulse{0%,100%{opacity:1;filter:drop-shadow(0 0 0 rgba(22,119,255,0))}50%{opacity:.48;filter:drop-shadow(0 0 5px rgba(22,119,255,.45))}}@media(prefers-reduced-motion:reduce){.smart-weight-display{animation:none}}.back-button{margin-bottom:6px}.account-detail-title{margin-top:6px}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.table-footer .pagination{margin-top:0}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px;flex-wrap:wrap}.pagination button{min-width:36px;margin:0}.pagination .page-prev,.pagination .page-next{min-width:auto}.confirm-modal{z-index:90;background:rgba(15,27,46,.55)}.confirm-card{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;width:min(460px,100%);padding:28px;border:1px solid rgba(255,255,255,.8);border-radius:20px;box-shadow:0 28px 80px rgba(15,31,54,.28)}.confirm-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff0f0;color:var(--bad);font-size:25px;font-weight:850}.confirm-copy h3{margin:2px 0 8px;font-size:20px}.confirm-copy>p{margin:0;color:#4e5d73;font-size:14px;line-height:1.7;white-space:pre-line}.confirm-detail{margin-top:14px;padding:11px 13px;border:1px solid #ffe0e0;border-radius:11px;background:#fff7f7;color:#a94343;font-size:13px;line-height:1.6}.confirm-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.confirm-actions button{width:auto;min-width:96px;min-height:40px;margin:0}.confirm-actions .secondary{background:#f1f5fa;color:#526078}.confirm-actions .secondary:hover{background:#e8eef6}.confirm-actions .danger{background:var(--bad);color:#fff}.confirm-actions .danger:hover{background:#dc3030}.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-20px);z-index:100;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;background:#fff;box-shadow:0 14px 40px rgba(0,0,0,.15);border:1px solid var(--line);opacity:0;transition:.25s ease;pointer-events:none}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast.error{background:#fff0f0;border-color:#ffd4d4;color:var(--bad)}.toast.success{background:#ebfaf4;border-color:#b8e7d3;color:var(--good)}.toast-icon{font-size:18px;line-height:1}.toast.success .toast-icon:before{content:"✓"}.toast.error .toast-icon:before{content:"✕"}.qr-upload-zone{padding:10px;border:1px dashed #cbd9eb;border-radius:13px;background:#f9fbfe;transition:.2s ease}.qr-upload-zone textarea{min-height:105px;background:#fff}.qr-upload-zone.dragging{border-color:var(--brand);background:#eef6ff;box-shadow:0 0 0 4px rgba(22,119,255,.1)}.qr-upload-zone.uploading{opacity:.75}.qr-upload-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.qr-upload-actions button{flex:none}.qr-upload-actions span{min-width:0;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.qr-upload-only{display:flex;min-height:210px;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:28px;text-align:center;cursor:pointer}.qr-upload-only:hover,.qr-upload-only:focus-visible{border-color:var(--brand);background:#f3f8ff;outline:none}.qr-upload-only .qr-upload-icon{display:flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:16px;background:#eaf3ff;color:var(--brand);font-size:32px;line-height:1}.qr-upload-only strong{color:#24344d;font-size:16px}.qr-upload-only>span{color:var(--muted);font-size:13px}.qr-upload-only.uploaded{border-color:#62bd88;background:#f2fbf6}.qr-upload-only.uploaded .qr-upload-icon{background:#def5e7;color:#209653}.qr-upload-only.uploaded .qr-upload-icon:before{content:"✓"}.qr-upload-only.uploaded .qr-upload-icon{font-size:0}.qr-upload-only.uploaded .qr-upload-icon:before{font-size:26px}

.membership-expired-modal{z-index:85}.membership-expired-card{width:min(440px,100%);padding:34px 32px 28px;text-align:center;box-shadow:0 28px 80px rgba(15,31,54,.28)}.membership-expired-icon{display:grid;width:62px;height:62px;margin:0 auto 20px;place-items:center;border-radius:19px;background:#fff3e5;color:#f08a24;font-size:30px;font-weight:850}.membership-expired-card h3{margin:0;font-size:23px}.membership-expired-card>p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.75}.membership-expired-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.membership-expired-actions button{margin:0}.membership-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.19),transparent 32%),linear-gradient(135deg,#182746,#126ee5);color:#fff}.membership-hero h2{margin:10px 0 8px;font-size:28px}.membership-hero h2.active{color:#baf3d9}.membership-hero p{margin:0;color:rgba(255,255,255,.75)}#membershipExpire{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;padding:9px 13px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}#membershipExpire span{color:#b9d6ff;font-size:12px;font-weight:750}#membershipExpire strong{color:#fff;font-size:17px;font-weight:850;letter-spacing:.2px}#membershipExpire small{color:rgba(255,255,255,.72);font-size:12px}.membership-hero .secondary{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff}.membership-kicker{font-size:11px;font-weight:850;letter-spacing:2px;color:#a9d0ff}.membership-order-filter{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#f8faff}.membership-order-filter input{flex:1;min-width:220px;background:#fff}.membership-order-filter button{width:auto;margin:0;white-space:nowrap}.membership-heading{margin:28px 0 15px}.membership-heading h3{margin:0}.membership-heading p{margin:7px 0 0;color:var(--muted);font-size:13px}.membership-packages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.membership-package{position:relative;overflow:hidden;padding:23px 18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(31,41,55,.05)}.membership-package.recommended{border-color:#8dbbff;box-shadow:0 12px 30px rgba(22,119,255,.14)}.package-recommend{position:absolute;top:0;right:0;padding:5px 11px;border-radius:0 0 0 10px;background:var(--brand);color:#fff;font-size:11px;font-weight:750}.package-duration{display:block;color:#44536a;font-size:14px;font-weight:750}.membership-package strong{display:block;margin-top:18px;font-size:30px}.membership-package strong small{margin-right:3px;font-size:14px}.membership-package p{min-height:20px;margin:7px 0 20px;color:var(--muted);font-size:12px}.membership-package button{margin:0}.membership-recharge-card{width:min(720px,100%)}.membership-recharge-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.membership-recharge-package{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#f9fbfe;cursor:pointer;transition:.18s ease}.membership-recharge-package:hover{border-color:#9ac2fb;background:#f2f7ff}.membership-recharge-package:has(input:checked){border-color:var(--brand);background:#eaf3ff;box-shadow:0 0 0 3px rgba(22,119,255,.1)}.membership-recharge-package input{position:absolute;opacity:0;pointer-events:none}.membership-recharge-package span{display:flex;min-width:0;flex-direction:column;gap:5px}.membership-recharge-package strong{color:#26364e}.membership-recharge-package small{color:var(--muted)}.membership-recharge-package b{color:#14233b;font-size:20px;white-space:nowrap}.membership-recharge-package em{position:absolute;top:-1px;right:12px;padding:3px 8px;border-radius:0 0 7px 7px;background:var(--brand);color:#fff;font-size:10px;font-style:normal}.membership-pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.membership-pay-method{position:relative;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer}.membership-pay-method:has(input:checked){border-color:var(--brand);background:#f2f7ff;box-shadow:0 0 0 3px rgba(22,119,255,.1)}.membership-pay-method input{position:absolute;opacity:0}.membership-pay-method>span:last-child{display:flex;flex-direction:column;gap:3px}.membership-pay-method small{color:var(--muted)}.pay-method-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;color:#fff;font-size:18px;font-weight:850}.pay-method-icon.wechat{background:#07c160}.pay-method-icon.alipay{background:#1677ff}.membership-pay-card{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;overflow:hidden;text-align:center}.membership-pay-card .modal-title{margin-bottom:14px}.membership-pay-frame{overflow:hidden;width:100%;height:clamp(480px,calc(100dvh - 150px),720px);margin:0;border:1px solid var(--line);border-radius:16px;background:#f7f9fc}.membership-pay-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}
@media(max-width:1180px){.membership-packages{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.membership-hero{align-items:flex-start;flex-direction:column}#membershipExpire{align-items:flex-start;flex-direction:column;gap:3px;width:100%}.membership-hero button{width:100%}.membership-order-filter{display:grid;grid-template-columns:1fr 1fr}.membership-order-filter input{grid-column:1/-1;min-width:0}.membership-order-filter button{width:100%}.membership-packages{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.membership-packages,.membership-recharge-packages,.membership-pay-methods{grid-template-columns:1fr}.membership-expired-card{padding:28px 22px 22px}.membership-expired-actions{grid-template-columns:1fr}.membership-recharge-card{padding:16px}.membership-pay-card{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px}.membership-pay-card .modal-title{margin-bottom:10px}.membership-pay-frame{height:calc(100dvh - 112px);min-height:420px;border-radius:13px}}

/* Landing page */
html{scroll-behavior:smooth}.landing-page{min-height:100vh;overflow-x:hidden;background:#f8f9fe;color:#15152a}.landing-page:before{content:"";position:absolute;z-index:-1;top:-180px;right:-130px;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(104,87,255,.13),rgba(104,87,255,0) 68%)}.site-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 48px));height:86px;margin:auto}.site-brand{display:flex;align-items:center;gap:11px;color:#17172d;font-size:19px;font-weight:850;letter-spacing:-.4px}.brand-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#806fff,#5745eb);color:#fff;font-size:17px;box-shadow:0 8px 20px rgba(100,82,240,.25)}.site-nav{display:flex;align-items:center;gap:34px}.site-nav a{color:#5f6073;font-size:14px;font-weight:650}.site-nav a:hover{color:#604ff0}.site-nav .nav-login{padding:10px 17px;border:1px solid #dddafc;border-radius:10px;color:#5d4ce6;background:#fff;box-shadow:0 5px 18px rgba(53,44,140,.06)}.landing-hero{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:60px;width:min(1180px,calc(100% - 48px));min-height:650px;margin:auto;padding:55px 0 95px}.hero-kicker{display:flex;align-items:center;gap:9px;color:#6655ec;font-size:13px;font-weight:800;letter-spacing:.8px}.hero-kicker i{width:22px;height:2px;background:#6b59ef}.hero-copy h1{margin:22px 0 24px;color:#16162b;font-size:60px;line-height:1.14;letter-spacing:-3.5px}.hero-copy h1 em{color:#6553ed;font-style:normal}.hero-copy>p{max-width:525px;margin:0;color:#696a7d;font-size:17px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:14px;margin-top:34px}.hero-primary,.hero-secondary{display:inline-flex;align-items:center;justify-content:center;min-width:128px;height:48px;padding:0 22px;border-radius:11px;font-size:14px;font-weight:800}.hero-primary{background:linear-gradient(135deg,#7462f3,#5947e7);color:#fff;box-shadow:0 13px 28px rgba(94,75,231,.25)}.hero-primary:hover{color:#fff;transform:translateY(-2px)}.hero-secondary{border:1px solid #e2e0ee;background:#fff;color:#4f5063}.hero-secondary span{margin-left:10px;color:#6553ed}.hero-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:31px;color:#797a8c;font-size:12px}.hero-trust b{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:4px;border-radius:50%;background:#ece9ff;color:#6553ed;font-size:10px}.product-showcase{position:relative;min-width:0;padding:33px 0 26px}.showcase-glow{position:absolute;inset:4% -7% -4%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(107,86,241,.17),transparent 67%)}.dashboard-window{overflow:hidden;border:1px solid rgba(218,216,238,.9);border-radius:18px;background:#fff;box-shadow:0 34px 80px rgba(43,37,100,.16);transform:perspective(1400px) rotateY(-4deg) rotateX(1deg)}.window-bar{display:flex;align-items:center;gap:6px;height:40px;padding:0 15px;border-bottom:1px solid #eeeef5;background:#fafafe}.window-bar i{width:7px;height:7px;border-radius:50%;background:#dadbe5}.window-bar i:first-child{background:#ff8585}.window-bar i:nth-child(2){background:#ffd26f}.window-bar i:nth-child(3){background:#79d79e}.window-bar span{margin-left:10px;color:#a1a1ae;font-size:9px}.dashboard-body{display:grid;grid-template-columns:70px 1fr;min-height:400px}.dashboard-sidebar{display:flex;align-items:center;flex-direction:column;gap:22px;padding-top:20px;background:#1c1a36}.dashboard-sidebar .mini-logo{display:grid;place-items:center;width:31px;height:31px;margin-bottom:10px;border-radius:9px;background:#6d5af0;color:#fff;font-size:12px;font-weight:850}.dashboard-sidebar span{width:25px;height:5px;border-radius:4px;background:#4b4863}.dashboard-sidebar span.active{background:#7a68f5}.dashboard-content{min-width:0;padding:25px;background:#f7f7fb}.dashboard-title{display:flex;align-items:end;justify-content:space-between}.dashboard-title div{display:flex;flex-direction:column;gap:3px}.dashboard-title small{color:#9696a7;font-size:8px}.dashboard-title strong{font-size:16px}.dashboard-title button{width:auto;min-height:29px;margin:0;padding:6px 12px;border-radius:7px;background:#6b58ef;font-size:8px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.metric-row article{display:flex;min-width:0;flex-direction:column;padding:14px;border:1px solid #efeff5;border-radius:10px;background:#fff}.metric-row small{color:#9999a9;font-size:7px}.metric-row strong{margin:8px 0 6px;font-size:15px;white-space:nowrap}.metric-row em{color:#55ac7a;font-size:7px;font-style:normal}.chart-card{margin-top:12px;padding:16px;border:1px solid #efeff5;border-radius:11px;background:#fff}.chart-head{display:flex;align-items:center;justify-content:space-between;font-size:9px}.chart-head span{padding:4px 8px;border-radius:5px;background:#f3f1ff;color:#6c59ed;font-size:7px}.chart-grid{height:145px;margin-top:10px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 35px,#f0eff6 36px)}.chart-grid svg{width:100%;height:100%;overflow:visible}.chart-line{fill:none;stroke:#6857ff;stroke-width:3}.chart-area{fill:url(#chartFill)}.floating-card{position:absolute;display:flex;align-items:center;border:1px solid rgba(230,228,244,.95);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 16px 38px rgba(53,45,110,.17);backdrop-filter:blur(12px)}.account-float{left:-42px;bottom:2px;gap:11px;padding:11px 16px}.float-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#edf5ff;color:#1677ff;font-size:16px;font-weight:850}.account-float div{display:flex;flex-direction:column;gap:4px}.account-float small{color:#9999a7;font-size:8px}.account-float strong{font-size:10px}.account-float strong i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#42bd7a}.dispatch-float{top:6px;right:-28px;display:grid;grid-template-columns:1fr auto;gap:4px 18px;padding:12px 16px}.dispatch-float span{grid-column:1/-1;color:#9999a7;font-size:8px}.dispatch-float strong{font-size:11px}.dispatch-float i{position:relative;width:27px;height:15px;border-radius:20px;background:#6c59ef}.dispatch-float i:after{content:"";position:absolute;top:2px;right:2px;width:11px;height:11px;border-radius:50%;background:#fff}.feature-section{padding:105px max(24px,calc((100% - 1180px)/2)) 120px;background:#fff}.section-intro{text-align:center}.section-intro>span,.access-copy>span{color:#6a57ef;font-size:11px;font-weight:850;letter-spacing:2.2px}.section-intro h2{margin:14px 0 12px;font-size:38px;letter-spacing:-1.5px}.section-intro p{margin:0;color:#7b7c8d;font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.feature-card{position:relative;min-height:245px;overflow:hidden;padding:28px;border:1px solid #ececf3;border-radius:18px;background:#fbfbfe;transition:.25s ease}.feature-card:hover{border-color:#d9d5fb;box-shadow:0 18px 40px rgba(53,46,106,.08);transform:translateY(-3px)}.feature-card.featured{background:linear-gradient(145deg,#f8f6ff,#fdfdff)}.feature-icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:22px;border-radius:12px;background:#ece9ff;color:#6653ed;font-size:20px;font-weight:800}.feature-card h3{margin:0 0 11px;font-size:18px}.feature-card p{margin:0;color:#777889;font-size:13px;line-height:1.75}.route-icon{position:relative}.route-icon span{position:absolute;width:6px;height:6px;border-radius:50%;background:#6b59ef}.route-icon span:first-child{top:10px;left:9px}.route-icon span:nth-child(2){top:19px;right:8px}.route-icon span:last-child{bottom:8px;left:12px}.route-icon:after{content:"";width:22px;height:17px;border-top:2px solid #6b59ef;border-right:2px solid #6b59ef;transform:rotate(15deg)}.match-demo{display:flex;align-items:center;gap:10px;margin-top:24px;padding:12px;border:1px solid #e6e3fc;border-radius:10px;background:#fff;font-size:10px}.match-demo span{color:#777889}.match-demo i{color:#9a92db}.match-demo strong{color:#5e4ce3}.wide-card{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center}.bars{display:flex;align-items:end;justify-content:flex-end;gap:9px;height:115px;padding:13px 10px 0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,#eeeeF4 28px)}.bars i{width:16px;border-radius:5px 5px 2px 2px;background:linear-gradient(#7b69f2,#aaa0f9)}.notify-tags{display:flex;gap:7px;margin-top:22px}.notify-tags span{padding:6px 9px;border-radius:6px;background:#fff;border:1px solid #e9e8f2;color:#656678;font-size:9px}.workflow-section{padding:100px max(24px,calc((100% - 1050px)/2)) 110px;background:#1c1a35}.light-intro h2{color:#fff}.light-intro>span{color:#9e90ff}.workflow-list{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center;gap:20px;margin-top:55px}.workflow-list>i{color:#5a5675;font-style:normal;text-align:center}.workflow-list article{position:relative;min-height:230px;padding:30px;border:1px solid #35324f;border-radius:17px;background:#24213f}.workflow-list article>b{position:absolute;top:22px;right:23px;color:#45415f;font-size:25px}.step-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#332e5b;color:#9d8fff;font-size:20px;font-weight:750}.workflow-list h3{margin:25px 0 10px;color:#fff;font-size:17px}.workflow-list p{margin:0;color:#9b99ac;font-size:13px;line-height:1.75}.access-section{display:grid;grid-template-columns:1fr 440px;align-items:center;gap:100px;width:min(1000px,calc(100% - 48px));margin:auto;padding:115px 0}.access-copy h2{max-width:470px;margin:17px 0 16px;font-size:40px;line-height:1.25;letter-spacing:-1.5px}.access-copy>p{color:#77788a;font-size:15px}.access-copy ul{display:grid;gap:13px;margin:30px 0 0;padding:0;list-style:none;color:#555668;font-size:13px}.access-copy li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:10px;border-radius:50%;background:#ece9ff;color:#6653ed;font-size:10px;font-weight:800}.landing-auth-card{padding:34px;border-color:#ebeaf4;border-radius:18px;box-shadow:0 25px 65px rgba(42,36,88,.12)}.landing-auth-card .tabs button,.landing-auth-card .primary-button{background:#6553ed}.landing-auth-card .tabs button.secondary{background:transparent}.landing-auth-card .primary-button:hover{background:#5543dc}.site-footer{display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 48px));margin:auto;padding:30px 0;border-top:1px solid #e9e9f0;color:#9696a4;font-size:12px}.site-footer .site-brand{font-size:15px}.site-footer .brand-symbol{width:30px;height:30px;border-radius:9px;font-size:13px}.site-footer p{margin:0}.back-to-top{position:fixed;right:24px;bottom:24px;z-index:60;display:grid;place-items:center;width:44px;min-height:44px;margin:0;padding:0;border:1px solid rgba(214,212,230,.92);border-radius:12px;background:rgba(255,255,255,.94);color:#302c53;box-shadow:0 12px 30px rgba(32,28,72,.14);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background .2s ease;backdrop-filter:blur(10px)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:#1c1a35;color:#fff;transform:translateY(-2px)}.back-to-top:focus-visible{outline:3px solid rgba(101,83,237,.22);outline-offset:3px}.back-to-top span{width:10px;height:10px;border-top:2px solid currentColor;border-left:2px solid currentColor;transform:translateY(3px) rotate(45deg)}.feature-section,.workflow-section,.access-section{content-visibility:auto;contain-intrinsic-size:800px}