*{box-sizing:border-box;margin:0;padding:0}:root{--blue-25:#f5f9ff;--blue-50:#eaf2ff;--blue-100:#d7e6ff;--blue-200:#b3cdff;--blue-400:#4d84f5;--blue-500:#2563eb;--blue-600:#1d4ed8;--blue-700:#1740ad;--ink:#16233f;--muted:#6d7d9c;--white:#fff;--border:#dfe9fc;--green-500:#22b573;--green-600:#189a5f;--amber-500:#d68f10;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--shadow-soft:0 20px 50px -20px rgba(37,99,235,.25);--shadow-card:0 8px 24px -8px rgba(37,99,235,.14);--font-display:"Plus Jakarta Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace}body,html{font-family:var(--font-display);background:var(--blue-25);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:transform .12s ease,opacity .12s ease}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}input{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--blue-200);border-radius:8px}::-webkit-scrollbar-track{background:transparent}.page-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font-size:13.5px;gap:14px;background:var(--blue-25)}.page-loading-spinner{width:30px;height:30px;border-radius:50%;border:3px solid var(--blue-100);border-top-color:var(--blue-500);animation:spin .8s linear infinite}.page{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.bg-decor{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}.bg-blob-1{width:480px;height:480px;top:-180px;right:-140px;background:radial-gradient(circle,var(--blue-100),transparent 70%)}.bg-blob-2{width:420px;height:420px;bottom:-160px;left:-140px;background:radial-gradient(circle,var(--blue-50),transparent 70%)}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 0),linear-gradient(180deg,rgba(37,99,235,.035) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,#000 40%,transparent 100%)}.container{position:relative;z-index:1;width:100%;max-width:480px;margin:0 auto;padding:0 20px 32px;flex:1 1;display:flex;flex-direction:column}.topbar{gap:10px;padding:24px 0 8px}.brand-mark,.topbar{display:flex;align-items:center}.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--blue-400),var(--blue-600));justify-content:center;color:#fff;box-shadow:0 6px 16px -4px rgba(37,99,235,.45);flex-shrink:0}.brand-name{font-weight:800;font-size:16.5px;letter-spacing:-.01em}.brand-sub{font-size:11.5px;color:var(--muted);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-btn-standalone{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blue-600);background:var(--white);border:1px solid var(--border);flex-shrink:0;transition:background .15s ease,transform .15s ease}.back-btn-standalone:hover{background:var(--blue-50);transform:translateX(-2px)}.back-btn-standalone:active{transform:translateX(-2px) scale(.92)}.icon-btn-ghost-lg{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);background:var(--white);border:1px solid var(--border);flex-shrink:0;transition:background .15s ease,color .15s ease,transform .15s ease}.icon-btn-ghost-lg:hover{background:var(--blue-50);color:var(--blue-600)}.icon-btn-ghost-lg:active{transform:scale(.9)}.login-brand{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:6px}.auth-tabs{display:flex;gap:4px;background:var(--blue-25);border-radius:12px;padding:4px;margin-bottom:22px}.auth-tab{flex:1 1;padding:10px;border-radius:9px;font-weight:700;font-size:13.5px;color:var(--muted)}.auth-tab.active{background:var(--white);color:var(--blue-600);box-shadow:0 2px 8px rgba(37,99,235,.12)}.input-group{text-align:left;margin-bottom:16px}.input-group label{font-size:13px;font-weight:700;color:var(--ink);display:block;margin-bottom:8px}.input-icon-wrap{display:flex;align-items:center;gap:10px;border:1.5px solid var(--border);border-radius:12px;padding:0 14px;background:var(--blue-25);transition:border-color .2s,background .2s}.input-icon-wrap:focus-within{border-color:var(--blue-400);background:var(--white)}.input-icon-wrap svg{color:var(--muted);flex-shrink:0}.input-icon-wrap input{flex:1 1;border:none;outline:none;background:transparent;font-size:14px;padding:13px 0;color:var(--ink)}.error-msg{background:#fff1f1;color:#d64545;border:1px solid #ffd6d6;border-radius:10px;display:flex;align-items:center;gap:8px}.error-msg,.info-msg{padding:10px 12px;font-size:13px;margin-bottom:16px;text-align:left}.info-msg{background:var(--blue-50);color:var(--blue-600);border:1px solid var(--blue-100);border-radius:10px}.btn-primary{width:100%;padding:14px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--blue-400),var(--blue-600));color:#fff;font-weight:700;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;box-shadow:0 12px 24px -8px rgba(37,99,235,.4);transition:transform .15s,box-shadow .15s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px -8px rgba(37,99,235,.48)}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 8px 16px -6px rgba(37,99,235,.4)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:var(--muted);font-size:12px}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.divider span{padding:0 10px}.btn-google{width:100%;padding:13px;border-radius:var(--radius-md);background:var(--white);border:1.5px solid var(--border);color:var(--ink);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .15s,border-color .15s}.btn-google:hover{background:var(--blue-25);border-color:var(--blue-200)}.btn-google:active{transform:scale(.98)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:26px 22px;transition:box-shadow .2s ease}.field-label{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:10px;display:flex;align-items:center;gap:6px}.amount-input-wrap{display:flex;align-items:center;border:1.8px solid var(--border);border-radius:var(--radius-md);padding:4px 4px 4px 18px;background:var(--blue-25);transition:border-color .2s,background .2s,box-shadow .2s}.amount-input-wrap:focus-within{border-color:var(--blue-400);background:var(--white);box-shadow:0 0 0 4px var(--blue-50)}.amount-prefix{font-size:20px;color:var(--blue-500);margin-right:8px}.amount-input-wrap input,.amount-prefix{font-family:var(--font-mono);font-weight:700}.amount-input-wrap input{flex:1 1;border:none;outline:none;background:transparent;font-size:22px;color:var(--ink);padding:14px 6px;min-width:0}.amount-input-wrap input::placeholder{color:#b9c6de;font-weight:600}.quick-amounts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:12px}.quick-chip{padding:10px 6px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--white);font-size:12.5px;font-weight:700;font-family:var(--font-mono);color:var(--blue-600);transition:all .15s}.quick-chip:hover{border-color:var(--blue-400);background:var(--blue-50)}.quick-chip:active{transform:scale(.96)}.quick-chip.active{background:var(--blue-500);border-color:var(--blue-500);color:#fff}.field-hint{font-size:12px;color:var(--muted)}.field-error,.field-hint{margin-top:10px;display:flex;align-items:center;gap:5px}.field-error{font-size:12.5px;color:#d64545;font-weight:600}.btn-secondary{width:100%;padding:14px;border-radius:var(--radius-md);background:var(--white);border:1.8px solid var(--border);color:var(--muted);font-weight:700;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s}.btn-secondary:hover{border-color:#f0b8b8;background:#fff8f8;color:#d64545}.btn-secondary:active{transform:scale(.98)}.logout-btn{width:100%;padding:12px;border-radius:12px;background:var(--white);color:#d64545;font-weight:700;font-size:13.5px;display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--border)}.logout-btn:hover{background:#fff1f1}.toggle-row{display:flex;gap:8px}.toggle-chip{flex:1 1;padding:11px;border-radius:12px;border:1.5px solid var(--border);background:var(--white);font-weight:700;font-size:13px;color:var(--muted);transition:all .15s}.toggle-chip:active{transform:scale(.97)}.toggle-chip.active{background:var(--blue-500);border-color:var(--blue-500);color:#fff}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.method-chip{padding:11px 10px;border-radius:12px;border:1.5px solid var(--border);background:var(--white);font-weight:700;font-size:13px;color:var(--ink);display:flex;align-items:center;gap:7px;transition:all .15s}.method-chip:hover{border-color:var(--blue-400);transform:translateY(-1px)}.method-chip:active{transform:translateY(0) scale(.97)}.method-chip.active{background:var(--blue-50);border-color:var(--blue-500);color:var(--blue-600)}.mini-balance-strip{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);background:var(--blue-50);border:1px solid var(--blue-100);padding:10px 14px;border-radius:12px;margin-top:8px}.mini-balance-strip b{color:var(--blue-600);font-family:var(--font-mono)}.balance-card{background:linear-gradient(150deg,var(--blue-500),var(--blue-700));border-radius:var(--radius-lg);padding:26px 24px;margin-top:18px;color:#fff;box-shadow:0 20px 40px -16px rgba(37,99,235,.45);position:relative;overflow:hidden}.balance-card:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:hsla(0,0%,100%,.08);top:-80px;right:-60px}.balance-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,hsla(0,0%,100%,.08) 35%,transparent 50%);background-size:200% 200%;background-position:-100% -100%;animation:balance-shine 5s ease-in-out infinite;pointer-events:none}@keyframes balance-shine{0%,60%{background-position:-100% -100%}to{background-position:100% 100%}}.balance-label{font-size:13px;font-weight:600;opacity:.85;display:flex;align-items:center;gap:8px;position:relative;z-index:1}.eye-toggle{color:#fff;opacity:.8;display:flex}.eye-toggle:hover{opacity:1}.balance-value{font-family:var(--font-mono);font-size:32px;font-weight:800;margin-top:8px;position:relative;z-index:1;letter-spacing:-.01em}.balance-skeleton{display:inline-block;width:140px;height:28px;border-radius:6px;background:hsla(0,0%,100%,.2);animation:pulse-skeleton 1.4s infinite}@keyframes pulse-skeleton{0%,to{opacity:.5}50%{opacity:1}}.balance-actions{display:flex;gap:10px;margin-top:20px;position:relative;z-index:1}.balance-action-btn{flex:1 1;background:hsla(0,0%,100%,.16);border:1px solid hsla(0,0%,100%,.25);border-radius:14px;padding:12px 10px;color:#fff;font-weight:700;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:background .15s ease,transform .15s ease}.balance-action-btn:hover{background:hsla(0,0%,100%,.26);transform:translateY(-2px)}.balance-action-btn:active{transform:translateY(0) scale(.97)}.balance-action-icon{width:32px;height:32px;border-radius:50%;background:hsla(0,0%,100%,.18);display:flex;align-items:center;justify-content:center}.section-header{display:flex;align-items:center;justify-content:space-between;margin-top:26px;margin-bottom:12px}.section-header h2{font-size:15px;font-weight:800}.link-btn{font-size:12.5px;font-weight:700;color:var(--blue-500)}.link-btn:hover{text-decoration:underline}.tx-list{display:flex;flex-direction:column;gap:8px}.tx-empty{text-align:center;padding:24px;color:var(--muted);font-size:13px;border-radius:var(--radius-md)}.tx-empty,.tx-item{background:var(--white);border:1px solid var(--border)}.tx-item{border-radius:14px;padding:13px 14px;display:flex;align-items:center;gap:12px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.tx-item:hover{transform:translateY(-1px);box-shadow:0 6px 16px -6px rgba(37,99,235,.18);border-color:var(--blue-200)}.tx-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tx-icon-in{background:#e8fbf0;color:var(--green-600)}.tx-icon-out{background:#fff1f1;color:#d64545}.tx-info{flex:1 1;min-width:0}.tx-title{font-size:13.5px;font-weight:700}.tx-date{font-size:11.5px;color:var(--muted);margin-top:2px}.tx-right{text-align:right;flex-shrink:0}.tx-amount{font-family:var(--font-mono);font-size:13.5px;font-weight:700}.amount-in{color:var(--green-600)}.amount-out{color:#d64545}.tx-status{font-size:10.5px;font-weight:700;display:flex;align-items:center;gap:3px;justify-content:flex-end;margin-top:3px}.status-pending{color:var(--amber-500)}.status-success{color:var(--green-600)}.status-failed{color:#d64545}.qris-stage{flex:1 1;display:flex;flex-direction:column;align-items:center;padding-top:8px}.qris-amount-tag{text-align:center;margin:14px 0 22px}.qris-amount-tag .label{font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:6px}.qris-amount-tag .value{font-family:var(--font-mono);font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.qris-frame{position:relative;width:100%;max-width:300px;padding:22px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--border)}.qris-frame img{width:100%;border-radius:12px;aspect-ratio:1;object-fit:contain;background:#fff}.scan-corner{position:absolute;width:30px;height:30px;border:3.5px solid var(--blue-500);border-radius:6px}.scan-corner.tl{top:8px;left:8px;border-right:none;border-bottom:none}.scan-corner.tr{top:8px;right:8px;border-left:none;border-bottom:none}.scan-corner.bl{bottom:8px;left:8px;border-right:none;border-top:none}.scan-corner.br{bottom:8px;right:8px;border-left:none;border-top:none}.scan-line{position:absolute;left:22px;right:22px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--blue-500) 25%,var(--blue-400) 50%,var(--blue-500) 75%,transparent);box-shadow:0 0 12px rgba(37,99,235,.6);animation:scan-move 2.6s ease-in-out infinite;opacity:.9}@keyframes scan-move{0%,to{top:26px;opacity:0}8%{opacity:.9}50%{top:calc(100% - 26px);opacity:.9}92%{opacity:.9}}.qris-status-pill{margin-top:22px;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--blue-50);border:1px solid var(--blue-100);color:var(--blue-600);font-size:13px;font-weight:700}.qris-status-pill .spinner{width:13px;height:13px;border:2px solid var(--blue-200);border-top-color:var(--blue-600);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.countdown-row{margin-top:16px;font-size:12.5px;color:var(--muted);text-align:center;font-weight:500}.countdown-row b{color:var(--ink);font-family:var(--font-mono)}.qris-actions{width:100%;margin-top:30px;display:flex;flex-direction:column;gap:10px}.invoice-mini{width:100%;margin-top:20px;background:var(--blue-25);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;font-size:12.5px}.invoice-mini-row{display:flex;justify-content:space-between;padding:5px 0;color:var(--muted)}.invoice-mini-row span:last-child{font-family:var(--font-mono);color:var(--ink);font-weight:600}.modal-overlay{position:fixed;inset:0;background:rgba(22,35,63,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal-card{background:var(--white);border-radius:22px;padding:28px 24px;width:100%;max-width:340px;box-shadow:0 30px 60px -15px rgba(22,35,63,.35);text-align:center}.modal-icon{width:56px;height:56px;border-radius:50%;background:#fff1f1;color:#d64545;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.modal-card h3{font-size:17px;font-weight:800;margin-bottom:8px}.modal-card p{font-size:13.5px;color:var(--muted);line-height:1.55;margin-bottom:22px}.modal-actions{display:flex;gap:10px}.modal-btn{flex:1 1;padding:12px;border-radius:12px;font-weight:700;font-size:13.5px}.modal-btn.no{background:var(--blue-500);color:#fff}.modal-btn.no:hover{background:var(--blue-600)}.modal-btn.yes{background:var(--blue-25);border:1.5px solid var(--border);color:var(--muted)}.modal-btn.yes:hover{border-color:#f0b8b8;color:#d64545}.cancelled-icon-wrap{border-radius:50%;background:#fff5f5;border:2px solid #ffe0e0;color:#d64545}.cancelled-icon-wrap,.pending-icon-wrap{width:84px;height:84px;display:flex;align-items:center;justify-content:center;margin:0 auto 22px}.pending-icon-wrap{border-radius:50%;background:#fff8ec;border:2px solid #ffe4b8;color:var(--amber-500)}.warn-box{margin-top:20px;background:#fff8ec;border:1px solid #ffe4b8;border-radius:var(--radius-md);padding:14px 16px;display:flex;gap:10px;align-items:flex-start;text-align:left}.warn-box svg{color:var(--amber-500);flex-shrink:0;margin-top:1px}.warn-box p{font-size:12.5px;color:#8a6300;line-height:1.55;margin:0}.success-page{min-height:100vh;background:linear-gradient(165deg,#1fa968,#189a5f 55%,#12804e);display:flex;flex-direction:column;position:relative;overflow:hidden}.success-page .bg-grid{background-image:linear-gradient(90deg,hsla(0,0%,100%,.06) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.06) 1px,transparent 0);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 15%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 70% 60% at 50% 15%,#000 40%,transparent 100%)}.success-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-20px;border-radius:2px;opacity:0;animation:confetti-fall 2.8s ease-in forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0deg);opacity:0}8%{opacity:1}to{transform:translateY(110vh) rotate(400deg);opacity:0}}.success-stage{flex:1 1;flex-direction:column;padding:40px 20px;z-index:1;color:#fff}.check-ring,.success-stage{display:flex;align-items:center;justify-content:center;position:relative}.check-ring{width:112px;height:112px;border-radius:50%;background:hsla(0,0%,100%,.14);margin-bottom:26px;animation:ring-pop .55s cubic-bezier(.34,1.56,.64,1) both}.check-ring:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid hsla(0,0%,100%,.35);animation:ring-expand 1.4s ease-out .4s infinite}@keyframes ring-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ring-expand{0%{transform:scale(.85);opacity:.6}to{transform:scale(1.35);opacity:0}}.check-circle-inner{width:84px;height:84px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.check-svg path{fill:none;stroke:#189a5f;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:draw-check .5s ease-out .35s forwards}@keyframes draw-check{to{stroke-dashoffset:0}}.success-stage h1{font-size:25px;font-weight:800;margin-bottom:8px;text-align:center}.success-stage>p{font-size:14px;color:hsla(0,0%,100%,.85);text-align:center;margin-bottom:30px}.success-amount{font-family:var(--font-mono);font-size:38px;font-weight:800;margin-bottom:30px;letter-spacing:-.01em}.receipt-card{width:100%;max-width:380px;background:#fff;border-radius:var(--radius-lg);padding:22px 22px 6px;color:var(--ink);box-shadow:0 25px 50px -15px rgba(0,0,0,.25)}.receipt-title{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;gap:6px}.receipt-row,.receipt-title{display:flex;align-items:center}.receipt-row{justify-content:space-between;padding:11px 0;border-bottom:1px dashed var(--border);font-size:13px}.receipt-row:last-child{border-bottom:none}.receipt-row .k{color:var(--muted)}.receipt-row .v{font-weight:700;font-family:var(--font-mono);text-align:right}.status-badge{display:inline-flex;align-items:center;gap:5px;background:#e8fbf0;color:var(--green-600);padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700}.success-actions{width:100%;max-width:380px;margin-top:22px}.btn-white{width:100%;padding:15px;border-radius:var(--radius-md);background:#fff;color:var(--green-600);font-weight:800;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s}.btn-white:hover{transform:translateY(-2px)}.profile-hero{text-align:center;padding:20px 0 4px}.profile-avatar{width:76px;height:76px;border-radius:50%;margin:0 auto 14px;background:linear-gradient(135deg,var(--blue-400),var(--blue-600));color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;box-shadow:0 12px 24px -8px rgba(37,99,235,.4)}.profile-email{font-size:15px;font-weight:700}.profile-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--blue-600);background:var(--blue-50);border:1px solid var(--blue-100);padding:5px 12px;border-radius:999px;margin-top:8px}.profile-row{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.profile-row:last-child{border-bottom:none}.profile-row svg{color:var(--blue-500);margin-top:2px;flex-shrink:0}.profile-row-label{font-size:11.5px;color:var(--muted);font-weight:600;margin-bottom:3px}.profile-row-value{font-size:13.5px;font-weight:600;word-break:break-word;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mono-small{font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}@media (max-width:400px){.card{padding:22px 18px}.success-amount{font-size:32px}.balance-value{font-size:27px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth-footer-link{text-align:center;font-size:13px;color:var(--muted);margin-top:18px}.auth-footer-link a{color:var(--blue-500);font-weight:700}.auth-footer-link a:hover{text-decoration:underline}.link-btn-center{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;font-size:12.5px;font-weight:700;color:var(--blue-500);margin-top:8px}.link-btn-center:hover{text-decoration:underline}.link-btn-center:disabled{color:var(--muted);cursor:not-allowed;text-decoration:none}.turnstile-box{display:flex;justify-content:center;margin:4px 0;min-height:65px}.profile-avatar-wrap{position:relative;width:76px;height:76px;margin:0 auto 14px}.profile-avatar-img{width:76px;height:76px;object-fit:cover;box-shadow:0 12px 24px -8px rgba(37,99,235,.4)}.avatar-edit-btn,.profile-avatar-img{border-radius:50%;border:3px solid #fff}.avatar-edit-btn{position:absolute;bottom:-2px;right:-2px;width:28px;height:28px;background:var(--blue-500);color:#fff;display:flex;align-items:center;justify-content:center;transition:background .15s}.avatar-edit-btn:hover{background:var(--blue-600)}.avatar-edit-btn:disabled{opacity:.6}.inline-edit-trigger{font-size:11.5px;font-weight:700;color:var(--blue-500)}.inline-edit-trigger:hover{text-decoration:underline}.inline-edit-row{display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:wrap}.inline-edit-input{flex:1 1;min-width:120px;padding:8px 10px;border-radius:8px;border:1.5px solid var(--border);background:var(--blue-25);font-size:13px;outline:none}.inline-edit-input:focus{border-color:var(--blue-400);background:var(--white)}.inline-save-btn{padding:8px 12px;border-radius:8px;background:var(--blue-500);color:#fff;font-size:12px;font-weight:700}.inline-save-btn:hover{background:var(--blue-600)}.inline-cancel-btn{padding:8px 12px;border-radius:8px;background:var(--blue-25);color:var(--muted);font-size:12px;font-weight:700}.api-key-box{display:flex;align-items:center;gap:8px;background:var(--blue-25);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.api-key-text{flex:1 1;font-family:var(--font-mono);font-size:12.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-page{min-height:100vh;position:relative;overflow-x:hidden;background:var(--blue-25)}.landing-container{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 24px 60px}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.landing-nav-links{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600}.nav-btn-ghost-box{color:var(--blue-600);padding:10px 18px;border-radius:12px;border:1.5px solid var(--border);background:hsla(0,0%,100%,.6);transition:all .15s ease}.nav-btn-ghost-box:hover{background:var(--white);border-color:var(--blue-200);transform:translateY(-1px)}.nav-btn-primary{background:linear-gradient(135deg,var(--blue-400),var(--blue-600));color:#fff!important;padding:10px 20px;border-radius:12px;font-weight:700!important;box-shadow:0 8px 20px -6px rgba(37,99,235,.4);transition:transform .15s ease,box-shadow .15s ease}.nav-btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px -6px rgba(37,99,235,.5)}.landing-hero{text-align:center;padding:64px 0 40px;max-width:680px;margin:0 auto}.landing-hero h1{font-size:40px;font-weight:800;line-height:1.18;letter-spacing:-.02em;margin:20px 0 16px}.landing-hero h1 span{color:var(--blue-500)}.landing-hero p{font-size:15.5px;color:var(--muted);line-height:1.6;margin-bottom:30px}.landing-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.landing-features{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;padding:40px 0}.feature-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 20px;box-shadow:var(--shadow-card)}.feature-icon{width:42px;height:42px;border-radius:12px;background:var(--blue-50);color:var(--blue-600);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.feature-card h3{font-size:15px;font-weight:800;margin-bottom:6px}.feature-card p{font-size:12.5px;color:var(--muted);line-height:1.55}.landing-steps{padding:50px 0;text-align:center}.landing-steps h2{font-size:24px;font-weight:800;margin-bottom:34px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.step-item{text-align:left}.step-num{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--blue-400),var(--blue-600));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:14px}.step-item h4{font-size:15.5px;font-weight:800;margin-bottom:6px}.step-item p{font-size:13px;color:var(--muted);line-height:1.6}.landing-cta{text-align:center;background:linear-gradient(150deg,var(--blue-500),var(--blue-700));border-radius:var(--radius-lg);padding:50px 30px;color:#fff;margin:20px 0 50px}.landing-cta h2{font-size:24px;font-weight:800;margin:14px 0 8px}.landing-cta p{font-size:14px;color:hsla(0,0%,100%,.85);margin-bottom:24px}.landing-footer{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--border);font-size:12.5px;color:var(--muted);flex-wrap:wrap;gap:10px}.landing-footer-links{display:flex;gap:18px}.landing-footer-links a:hover{color:var(--blue-600)}.docs-page{background:var(--blue-25)}.docs-container,.docs-page{overflow-x:hidden;width:100%}.docs-container{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:0 20px 60px;box-sizing:border-box}.docs-intro h1{font-size:22px;font-weight:800;margin-bottom:10px}.docs-intro p{font-size:13.5px;color:var(--muted);line-height:1.6;margin-bottom:16px}.docs-note{display:flex;gap:10px;align-items:flex-start;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:12px;padding:12px 14px;font-size:12.5px;color:var(--blue-700);line-height:1.55;margin-bottom:16px}.docs-note svg{flex-shrink:0;margin-top:1px;color:var(--blue-500)}.docs-note code{background:hsla(0,0%,100%,.6);padding:1px 5px;border-radius:4px;font-family:var(--font-mono)}.docs-base-url{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:100%}.docs-base-url-label{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.docs-base-url code{font-family:var(--font-mono);font-size:12px;background:var(--ink);color:#a8ffcb;padding:4px 10px;border-radius:6px;word-break:break-all;max-width:100%;display:inline-block}.docs-tabs{display:flex;gap:6px;margin:20px 0 16px;overflow-x:auto}.docs-tab{padding:10px 16px;border-radius:10px;font-size:13px;font-weight:700;color:var(--muted);background:#fff;border:1px solid var(--border);white-space:nowrap}.docs-tab.active{background:var(--blue-500);border-color:var(--blue-500);color:#fff}.docs-section{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 22px;box-shadow:var(--shadow-card)}.docs-section h3{font-size:14.5px;font-weight:800;margin:20px 0 10px}.docs-section h3:first-child{margin-top:0}.docs-section p{font-size:13.5px;color:var(--muted);line-height:1.6}.docs-section code{font-family:var(--font-mono);background:var(--blue-50);color:var(--blue-700);padding:2px 6px;border-radius:4px;font-size:12.5px}.docs-endpoint-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.docs-endpoint-header code{font-size:13px;background:none;padding:0;color:var(--ink);font-weight:700;word-break:break-all}.method-badge{font-size:11px;font-weight:800;padding:4px 10px;border-radius:6px;letter-spacing:.03em}.method-post{background:#e8fbf0;color:var(--green-600)}.method-get{background:var(--blue-50);color:var(--blue-600)}.docs-table-wrap{overflow-x:auto;margin:10px 0 18px;border-radius:10px;border:1px solid var(--border)}.docs-table{width:100%;min-width:480px;border-collapse:collapse;font-size:12.5px;margin:0}.docs-table th{text-align:left;background:var(--blue-25);color:var(--muted);font-weight:700}.docs-table td,.docs-table th{padding:9px 12px;border-bottom:1px solid var(--border)}.docs-table td{color:var(--ink)}.docs-table code{font-size:11.5px}.code-block{position:relative;background:#0d1526;border-radius:12px;padding:16px 44px 16px 16px;margin-bottom:16px;max-width:100%;overflow-x:auto;box-sizing:border-box}.code-block pre{margin:0}.code-block code,.code-block pre{white-space:pre-wrap;word-break:break-word}.code-block code{font-family:var(--font-mono);font-size:11.5px;color:#d8e6ff;line-height:1.65;background:none;padding:0}.code-copy-btn{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:8px;background:hsla(0,0%,100%,.1);color:#a8ffcb;display:flex;align-items:center;justify-content:center}.code-copy-btn:hover{background:hsla(0,0%,100%,.18)}.admin-page{background:#f5f7fb}.admin-container{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:20px 20px 50px}.admin-login-brand{gap:10px;margin-bottom:6px}.admin-brand-mark,.admin-login-brand{display:flex;align-items:center;justify-content:center}.admin-brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--ink),#0a1428);color:#7aa6ff}.admin-card{max-width:380px;margin:0 auto}.admin-btn{background:linear-gradient(135deg,var(--ink),#0a1428)!important;box-shadow:0 12px 24px -8px rgba(10,20,40,.4)!important}.admin-topbar{justify-content:space-between;padding:8px 0 20px}.admin-icon-btn,.admin-topbar{display:flex;align-items:center}.admin-icon-btn{width:34px;height:34px;border-radius:10px;background:#fff;border:1px solid var(--border);justify-content:center;color:var(--muted)}.admin-icon-btn:hover{color:var(--blue-600);border-color:var(--blue-200)}.admin-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:20px}.admin-stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:18px;box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease}.admin-stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px -10px rgba(37,99,235,.25)}.admin-stat-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.icon-blue{background:var(--blue-50);color:var(--blue-600)}.icon-green{background:#e8fbf0;color:var(--green-600)}.icon-red{background:#fff1f1;color:#d64545}.icon-amber{background:#fff8ec;color:var(--amber-500)}.admin-stat-label{font-size:11.5px;color:var(--muted);font-weight:600;margin-bottom:4px}.admin-stat-value{font-family:var(--font-mono);font-size:20px;font-weight:800;color:var(--ink)}.admin-stat-sub{font-size:11px;color:var(--muted);margin-top:3px;font-family:var(--font-mono)}.admin-chart-card,.admin-table-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-card);margin-bottom:18px}.admin-chart-card h3,.admin-table-card h3{font-size:14.5px;font-weight:800;margin-bottom:18px}.admin-chart{display:flex;align-items:flex-end;justify-content:space-between;height:140px;gap:8px;padding:0 4px}.admin-chart-col{flex:1 1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.admin-chart-bars{display:flex;gap:3px;align-items:flex-end;height:110px;width:100%;justify-content:center}.admin-bar{width:10px;border-radius:4px 4px 0 0;min-height:3px}.bar-in{background:var(--green-500)}.bar-out{background:#d64545}.admin-chart-label{font-size:10px;color:var(--muted);margin-top:8px}.admin-chart-legend{display:flex;gap:18px;justify-content:center;margin-top:16px;font-size:12px;color:var(--muted)}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.dot-in{background:var(--green-500)}.dot-out{background:#d64545}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:560px}.admin-table th{text-align:left;padding:10px 12px;background:var(--blue-25);color:var(--muted);font-weight:700;white-space:nowrap}.admin-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--ink)}.mono-cell{font-family:var(--font-mono);font-size:11.5px}.admin-badge{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:capitalize}.badge-pending{background:#fff8ec;color:var(--amber-500)}.badge-success{background:#e8fbf0;color:var(--green-600)}.badge-cancelled,.badge-expired,.badge-failed{background:#fff1f1;color:#d64545}@media (max-width:860px){.landing-features{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:1fr;gap:30px}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.landing-nav{flex-wrap:wrap;gap:12px}.landing-nav-links{gap:8px;font-size:12.5px}.nav-btn-ghost-box{padding:8px 12px}.nav-btn-primary{padding:8px 14px}.landing-hero h1{font-size:26px}.landing-features{grid-template-columns:1fr}.admin-stat-grid{grid-template-columns:1fr 1fr}}.page-transition{opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease}.page-transition-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.page-transition{transition:none;opacity:1;transform:none}}.tx-item-animated{opacity:0;animation:tx-item-in .4s ease forwards}@keyframes tx-item-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tx-item-animated{animation:none;opacity:1}}.already-login-icon{width:52px;height:52px;border-radius:50%;margin:0 auto 16px;background:#e8fbf0;color:var(--green-600);display:flex;align-items:center;justify-content:center}.particles-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}