:root{--orange:#ff8c00;--deep-orange:#ef7910;--text:#17191c;--muted:#96989f;--line:#eeeff1;--soft:#f4f5f6;--surface:#fff;--radius:24px;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{background:#fff;scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #ffb75a;outline-offset:4px}button{touch-action:manipulation}button,button svg{transition:background .18s,transform .18s,color .18s,box-shadow .18s}button:active{transform:scale(.97)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbol-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.app-shell{max-width:1120px;margin:auto;padding:30px 34px 108px}.masthead{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.brand-button{display:flex;align-items:center;gap:8px;padding:0;font-size:24px;font-weight:750;letter-spacing:-1px}.brand-button img{width:38px;height:38px}.header-right{display:flex;gap:16px;align-items:center}.mode-badge{font-size:11px;font-weight:650;letter-spacing:.3px;color:#ac6916;background:#fff3df;padding:6px 11px;border-radius:20px}.avatar{height:37px;width:37px;border:1px solid #eee;border-radius:50%;color:#a1a4aa;display:grid;place-items:center}.avatar svg{width:20px;height:20px}.searchbar-row{display:flex;gap:20px;align-items:center;margin-bottom:25px}.search-box{display:flex;align-items:center;gap:12px;background:#f1f2f4;border-radius:14px;height:49px;padding:0 15px;flex:1;color:#a1a2a7}.search-box input{width:100%;border:0;outline:0;background:none;min-width:0;color:#24262a;font-size:15px}.search-box input::placeholder{color:#a0a1a6}.search-box kbd{font:13px inherit;border:1px solid #d9dadd;border-radius:4px;padding:1px 6px;color:#a4a5aa}.notification-button{position:relative;padding:8px 4px;display:grid;place-items:center}.notification-button svg{height:25px;width:25px}.notification-button>span{position:absolute;right:4px;top:6px;border:2px solid white;background:#f17e31;width:8px;height:8px;border-radius:50%}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:26px}.wallet-card{overflow:hidden;position:relative;border-radius:25px;background:linear-gradient(125deg,#ffb045 0%,#ff9525 42%,#f57d26 100%);padding:24px 29px 26px;color:white;box-shadow:0 14px 25px -18px #e3781f99;isolation:isolate}.wallet-card::after{content:"";position:absolute;width:350px;height:350px;right:-180px;top:-210px;background:#ffffff06;border-radius:50%;z-index:-1}.wallet-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#fff8ef}.wallet-top>span:first-child{display:flex;gap:8px;align-items:center}.wallet-top svg{width:18px;height:18px}.currency-badge{border:1px solid #ffffff55;padding:4px 9px;border-radius:16px;font-size:11px;font-weight:600}.balance{display:flex;justify-content:center;align-items:baseline;gap:12px;margin:23px 0 30px;font-size:49px;font-weight:720;letter-spacing:-1.2px;font-variant-numeric:tabular-nums}.ruble{font-size:.84em;font-weight:580}.wallet-topup{height:52px;background:white;color:#262626;border-radius:30px;width:82%;margin:auto;display:flex;align-items:center;justify-content:center;gap:16px;font-size:16px;font-weight:550;box-shadow:0 9px 15px -10px #70320c66}.wallet-topup svg{width:18px;height:18px;color:#f28b26}.wallet-topup:hover{background:#fff9ee;box-shadow:0 9px 19px -10px #70320c88}.notice{display:flex;align-items:center;position:relative;margin-top:24px;background:#2e333e;border-radius:13px;padding:18px 39px 18px 19px;gap:15px;color:#f5f5f6;min-height:90px}.notice-icon{display:grid;place-items:center;flex-shrink:0;background:#ffad48;border-radius:7px;height:25px;width:25px;font-size:19px;font-weight:750;color:white;transform:rotate(-7deg)}.notice p{margin:0;font-size:13px;line-height:1.7;color:#e2e3e7}.notice strong{font-weight:600;color:white}.notice button{position:absolute;right:9px;top:9px;color:#9c9ea6;padding:2px;line-height:0}.notice button svg{height:18px;width:18px}.summary-card{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:24px;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}.section-heading h2{font-size:23px;letter-spacing:-.65px;line-height:1.15;margin:0;font-weight:730}.summary-card h2{font-size:16px;letter-spacing:-.25px}.text-button{font-size:14px;font-weight:500;color:#6e7f96;display:flex;align-items:center;gap:2px;padding:3px 0}.text-button svg{height:14px;width:14px}.text-button:hover{color:var(--orange)}.summary-history{flex:1;min-height:150px}.summary-empty{height:100%;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#969aa3;gap:12px;font-size:13px;line-height:1.5}.summary-empty>span{background:#fff5e8;color:#ee9b3c;border-radius:50%;padding:12px;display:grid;place-items:center}.summary-empty p{margin:0}.security-note{display:flex;align-items:center;gap:7px;border-top:1px solid #f1f2f3;padding-top:17px;margin-top:16px;color:#9a9da5;font-size:11px}.security-note svg{height:16px;width:16px;color:#b0b6bf}.favorites-section{margin-top:35px}.favorites-list{display:grid;grid-template-columns:1fr 1fr .65fr;gap:16px}.favorite{display:flex;align-items:center;gap:13px;text-align:left;padding:17px;border:1px solid var(--line);border-radius:17px;min-width:0}.favorite:hover{background:#fffcf7;border-color:#ffe0b6}.favorite>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.favorite strong{font-size:14px;font-weight:600;white-space:nowrap}.favorite small{font-size:11px;color:#9a9ca4}.favorite-icon{display:grid;place-items:center;border-radius:50%;width:45px;height:45px;flex-shrink:0;background:#fff3e2;overflow:hidden}.favorite-icon img{width:45px;height:45px}.favorite-icon.pay{color:#f29429;background:#fff3df}.favorite-icon.pay svg{width:24px;height:24px}.favorite .trailing{margin-left:auto;width:14px;height:14px;color:#bbc0c7}.add-favorite{color:#8a8f99;border-style:dashed;font-size:13px}.favorite-icon.add{height:37px;width:37px;background:#f4f5f7;color:#a4a8b0}.payments-section{margin-top:37px}.services{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.service{display:flex;flex-direction:column;align-items:center;gap:13px;min-width:0;padding:5px 0;font-size:13px;line-height:1.4;text-align:center}.service-icon{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#fff2e3;color:#ef942d}.service-icon img{height:50px;width:50px;mix-blend-mode:multiply}.service-icon svg{height:32px;width:32px;stroke-width:1.8}.service-icon.yellow{background:#fff6d5;color:#e6aa37}.service-icon.peach{background:#fff0e2;color:#eb983e}.service-icon.ivory{background:#fff4e9;color:#dd983f}.service-icon.blue{background:#eaf2ff;color:#677f9b}.service:hover .service-icon{transform:translateY(-4px);box-shadow:0 8px 15px -10px #c3782a88}.promo-banner{position:relative;overflow:hidden;display:flex;text-align:left;width:100%;border-radius:22px;min-height:211px;margin-top:34px;padding:24px 30px;background:linear-gradient(110deg,#fff1d9,#ffe0bc 70%,#ffd4a6);isolation:isolate}.promo-text{display:flex;flex-direction:column;position:relative;z-index:2}.promo-tag{font-size:9px;letter-spacing:1.8px;color:#c38540;font-weight:750;margin-bottom:10px}.promo-text strong{font-size:29px;line-height:1.15;letter-spacing:-.7px;color:#713c15}.promo-description{margin-top:9px;font-size:12px;color:#a57142}.promo-link{margin-top:17px;color:#a9611c;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:650}.promo-link svg{width:15px;height:15px}.promo-q{position:absolute;right:38px;top:-34px;font:800 280px/1.1 Arial,sans-serif;letter-spacing:-25px;color:#ffc380;transform:rotate(-18deg);z-index:0}.version-caption{text-align:center;color:#b6b8be;font-size:10px;margin:28px 0 5px;letter-spacing:.2px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#ffffffed;border-top:1px solid #eeeff2;z-index:20;padding-bottom:var(--safe-bottom);backdrop-filter:blur(16px)}.nav-inner{max-width:600px;display:grid;grid-template-columns:repeat(5,1fr);margin:0 auto;height:76px}.nav-item{display:flex;align-items:center;justify-content:center;gap:7px;flex-direction:column;color:#b5b7bc;font-size:10px;font-weight:500;padding:10px 0 8px}.nav-item svg{width:23px;height:23px;stroke-width:2}.nav-item.active{color:var(--orange)}.nav-item.active svg{fill:#ff8c0012}.page{display:none;animation:page-in .24s ease}.page.active{display:block}.page-title{margin:30px 0}.page-title h1{font-size:31px;letter-spacing:-1px;margin:0 0 9px}.page-title p{font-size:14px;color:#999da6;margin:0}.coming-card{max-width:430px;margin:35px auto 25px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-height:230px;border-radius:24px;padding:28px;background:linear-gradient(125deg,#ffaf40,#ff8c00);color:white;box-shadow:0 14px 25px -20px #ed8f30}.coming-card>span{font-size:19px;font-weight:750}.coming-card svg{margin:3px 0}.coming-card strong{font-size:20px;font-weight:600}.coming-card small{color:#fff5e9;font-size:12px}.section-note{text-align:center;font-size:14px;color:#8b909a;line-height:1.6;max-width:420px;margin:15px auto 25px}.primary-button{display:flex;justify-content:center;align-items:center;width:100%;background:#ff8c00;border-radius:14px;color:white;min-height:50px;font-size:15px;font-weight:650;padding:13px 20px}.page>.primary-button{max-width:430px;margin:auto}.primary-button:hover{background:#f68200}.secondary-button{display:flex;justify-content:center;align-items:center;width:100%;border-radius:14px;background:#f5f5f7;min-height:48px;font-size:14px;font-weight:600;margin-top:12px}.empty-feature{border:1px solid var(--line);border-radius:24px;padding:45px 20px;text-align:center;max-width:540px;margin:30px auto}.empty-feature-icon{display:inline-grid;place-items:center;width:78px;height:78px;color:#ef9934;background:#fff5e7;border-radius:50%;margin-bottom:8px}.empty-feature-icon svg{height:35px;width:35px}.empty-feature h2{font-size:22px;margin:17px 0 10px;letter-spacing:-.5px}.empty-feature p{font-size:14px;line-height:1.7;color:#8d939e;margin:0 0 24px}.empty-feature .primary-button{max-width:300px;margin:auto}.filter-tabs{display:flex;gap:9px;margin:20px 0 26px}.filter-tabs button{border-radius:20px;padding:9px 17px;background:#f6f6f8;font-size:12px;color:#989ca5}.filter-tabs button.selected{background:#fff1dc;color:#d48223}.history-list{min-height:220px}.transaction{display:flex;align-items:center;gap:13px;padding:19px 0;border-bottom:1px solid #f2f2f4}.transaction-icon{height:43px;width:43px;display:grid;place-items:center;flex-shrink:0;border-radius:14px;background:#fff3e4;color:#f19833}.transaction-icon svg{height:20px;width:20px}.transaction-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.transaction-info strong{font-size:14px;font-weight:550}.transaction-info small{font-size:11px;color:#a6a9b0}.transaction-amount{font-size:14px;font-weight:650;white-space:nowrap}.transaction-amount.income{color:#4d9c76}.summary-history .transaction{padding:14px 0;gap:10px}.summary-history .transaction-icon{height:34px;width:34px;border-radius:11px}.summary-history .transaction-info strong{font-size:12px}.summary-history .transaction-info small{font-size:10px}.summary-history .transaction-amount{font-size:12px}.profile-card{display:flex;align-items:center;gap:16px;padding:23px;background:#fff8ed;border:1px solid #ffecd0;border-radius:20px}.profile-avatar{display:grid;place-items:center;height:57px;width:57px;background:white;color:var(--orange);border-radius:50%;font-size:26px;font-weight:750}.profile-card h2{font-size:18px;letter-spacing:-.3px;margin:0 0 6px}.profile-card p{font-size:11px;color:#ae916c;margin:0}.profile-status{margin-left:auto;font-size:10px;background:#ffe6bd;color:#bd7c2c;padding:6px 10px;border-radius:20px}.profile-menu{margin-top:22px;border:1px solid var(--line);border-radius:20px;overflow:hidden}.profile-menu button{width:100%;display:flex;align-items:center;gap:13px;padding:18px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}.profile-menu button:last-child{border:0}.profile-menu button>svg{margin-left:auto;width:16px;height:16px;color:#a7aab2}.row-icon{width:36px;height:36px;display:grid;place-items:center;background:#fff6e8;border-radius:11px;color:#eb952e}.row-icon svg{height:20px;width:20px}.modal-backdrop{position:fixed;inset:0;background:#11161d5c;backdrop-filter:blur(5px);z-index:50;display:flex;align-items:center;justify-content:center;animation:fade-in .18s ease}.sheet{background:white;border-radius:25px;width:min(470px,calc(100% - 32px));max-height:calc(100dvh - 80px);padding:24px 24px 27px;overflow:auto;box-shadow:0 20px 60px #131d2522;animation:sheet-in .35s cubic-bezier(.2,.8,.2,1)}.sheet-handle{display:none}.sheet-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:10px}.sheet-heading h2{margin:0;font-size:23px;letter-spacing:-.7px}.icon-button{line-height:0;padding:4px;color:#a4a7ad}.icon-button svg{width:21px;height:21px}.sheet-description{font-size:13px;color:#9499a3;line-height:1.6;margin:-7px 0 20px}.amount-label{font-size:12px;color:#8d939d;display:block;margin-bottom:10px}.amount-input-wrap{display:flex;align-items:center;gap:10px;border:1.5px solid #ffe0b6;border-radius:15px;padding:13px 17px;background:#fffcf6}.amount-input-wrap:focus-within{border-color:#ffb144;box-shadow:0 0 0 3px #ffae3b15}.amount-input-wrap>span{font-size:24px;color:#d99a4c}.amount-input-wrap input{border:0;outline:0;background:none;width:100%;font-size:30px;font-weight:650;min-width:0;color:#222;appearance:textfield}.amount-presets{display:flex;gap:9px;margin-top:12px}.amount-presets button{flex:1;background:#f6f6f8;border-radius:10px;padding:9px;font-size:12px;color:#7e8590}.method-options{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:24px 0 18px}.method-option{position:relative;display:flex;gap:10px;align-items:center;border:1px solid #eceef1;border-radius:13px;padding:14px;font-size:12px;cursor:pointer}.method-option input{position:absolute;opacity:0;pointer-events:none}.method-option:has(input:checked){border-color:#ffb34f;background:#fff9ee}.method-option svg{color:#ed982f;height:22px;width:22px}.method-option span{display:flex;flex-direction:column;gap:3px}.method-option small{font-size:10px;color:#aaaeb6}.test-disclaimer{padding:11px 13px;border-radius:11px;background:#f7f8fa;color:#8f96a1;line-height:1.5;font-size:11px;display:flex;gap:8px;margin:0 0 21px}.test-disclaimer svg{height:16px;width:16px;flex-shrink:0}.form-error{font-size:12px;color:#cb5743;margin:12px 0;line-height:1.5;min-height:0}.sheet-list{display:flex;flex-direction:column;gap:10px}.invoice-card{padding:15px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.invoice-card h3{font-size:14px;margin:0 0 6px;font-weight:600}.invoice-card p{font-size:11px;color:#9b9faa;margin:0}.invoice-card button{font-size:12px;color:#e38922;font-weight:650;white-space:nowrap}.sheet-info{line-height:1.8;font-size:14px;color:#8d939e;margin:0 0 20px}.toast{position:fixed;bottom:calc(95px + var(--safe-bottom));left:50%;transform:translate(-50%,15px);padding:13px 21px;border-radius:14px;background:#2b313c;color:#fff;font-size:13px;opacity:0;pointer-events:none;z-index:80;box-shadow:0 5px 25px #1a222733;transition:opacity .2s,transform .2s;text-align:center;max-width:calc(100% - 36px);width:max-content}.toast.visible{opacity:1;transform:translate(-50%,0)}.auth-error{background:#fff2ee;border:1px solid #ffe0d7;padding:15px;margin-bottom:20px;font-size:13px;color:#b16547;border-radius:13px;line-height:1.5}.search-empty{font-size:13px;color:#9ca1aa;padding:20px 0}.modal-backdrop.closing{animation:fade-out .2s ease forwards}.modal-backdrop.closing .sheet{animation:sheet-out .22s ease forwards}
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes page-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes sheet-in{from{opacity:.7;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes sheet-out{to{opacity:0;transform:translateY(45px)}}
@media(min-width:1000px){.favorites-section,.payments-section{padding:0 4px}.services{max-width:760px}.promo-banner{min-height:224px}.promo-q{right:70px;top:-20px}.page:not(#page-home){max-width:720px;margin:auto}.masthead{margin-bottom:30px}.bottom-nav{background:#ffffffef}.nav-inner{max-width:720px}}
@media(max-width:700px){.app-shell{padding:16px 20px 100px}.masthead{margin-bottom:22px}.brand-button{font-size:21px;gap:5px}.brand-button img{width:32px;height:32px}.avatar{height:31px;width:31px}.avatar svg{height:17px;width:17px}.header-right{gap:12px}.mode-badge{font-size:9px;padding:5px 9px}.searchbar-row{gap:18px;margin-bottom:20px}.search-box{height:43px;border-radius:12px;padding:0 12px;gap:8px}.search-box input{font-size:14px}.search-box>svg{height:21px;width:21px}.search-box kbd{display:none}.notification-button svg{height:25px;width:25px}.dashboard-grid{display:block}.summary-card{display:none}.wallet-card{padding:18px 19px 25px;border-radius:22px}.wallet-top{font-size:11px}.wallet-top svg{width:15px;height:15px}.currency-badge{font-size:10px;padding:3px 8px}.balance{font-size:44px;margin:23px 0 26px;gap:10px}.wallet-topup{height:49px;font-size:15px;width:86%;gap:15px}.wallet-topup svg{width:16px;height:16px}.notice{margin-top:26px;min-height:94px;padding:17px 34px 17px 17px;border-radius:11px;gap:13px}.notice p{font-size:12px;line-height:1.65}.notice strong{font-weight:550}.notice-icon{height:23px;width:23px;font-size:17px}.favorites-section{margin-top:28px}.section-heading{margin-bottom:23px}.section-heading h2{font-size:24px;letter-spacing:-.8px}.text-button{font-size:13px}.favorites-list{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.favorites-list::-webkit-scrollbar{display:none}.favorite{border:0;padding:0;flex-shrink:0;gap:10px}.favorite strong{font-size:14px;font-weight:500}.favorite small{display:none}.favorite-icon{width:42px;height:42px}.favorite-icon img{width:42px;height:42px}.favorite .trailing{display:none}.add-favorite{display:none}.favorites-list .favorite:nth-child(2){margin-left:auto}.favorite-icon.pay{width:39px;height:39px}.favorite-icon.pay svg{height:21px;width:21px}.payments-section{margin-top:32px}.services{gap:5px;align-items:start}.service{font-size:11px;gap:10px;letter-spacing:-.15px;padding:0;line-height:1.45}.service>span:last-child{max-width:72px;min-height:32px}.service-icon{width:55px;height:55px}.service-icon svg{height:28px;width:28px}.service-icon img{height:45px;width:45px}.promo-banner{padding:21px 23px;margin-top:24px;border-radius:15px;min-height:193px}.promo-text strong{font-size:27px}.promo-tag{font-size:8px;margin-bottom:10px}.promo-description{font-size:10px;max-width:230px}.promo-link{font-size:11px;margin-top:15px}.promo-q{font-size:220px;right:0;top:0;opacity:.6}.version-caption{margin-top:25px;font-size:9px}.nav-inner{height:72px}.nav-item{font-size:9px;gap:5px;padding-top:9px}.nav-item svg{height:22px;width:22px}.sheet{width:100%;max-height:calc(100dvh - 70px);border-radius:26px 26px 0 0;align-self:flex-end;padding:8px 23px calc(27px + var(--safe-bottom));animation:mobile-sheet-in .38s cubic-bezier(.2,.75,.2,1)}.sheet-handle{display:block;margin:0 auto 18px;height:22px;width:60px;position:relative;padding:0}.sheet-handle::after{content:"";position:absolute;height:4px;width:34px;border-radius:10px;background:#dedfe3;left:13px;top:9px;transition:transform .15s}.sheet-handle:hover::after{transform:scaleX(1.15)}.sheet-heading{margin-bottom:21px}.sheet-heading h2{font-size:23px}.sheet-heading .icon-button{display:none}.sheet-description{font-size:12px}.modal-backdrop{align-items:flex-end}.modal-backdrop.closing .sheet{animation:mobile-sheet-out .27s cubic-bezier(.4,0,.6,1) forwards}.profile-card{padding:18px;gap:12px}.profile-card h2{font-size:16px}.profile-avatar{height:49px;width:49px}.page-title{margin:25px 0}.page-title h1{font-size:28px}.page-title p{font-size:12px}.profile-status{font-size:9px}.profile-menu button{padding:16px}.filter-tabs{gap:8px}.filter-tabs button{font-size:11px;padding:9px 14px}}
@media(max-width:360px){.app-shell{padding-left:15px;padding-right:15px}.section-heading h2{font-size:21px}.service-icon{height:49px;width:49px}.service{font-size:10px}.wallet-topup{width:91%}.favorite strong{font-size:12px}.favorites-list{gap:12px}.balance{font-size:40px}.method-option{padding:12px 10px;gap:8px}}
@keyframes mobile-sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes mobile-sheet-out{to{transform:translateY(100%)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.login-button{padding:7px 14px;border-radius:18px;background:#fff3e1;color:#c27519;font-size:12px;font-weight:650;white-space:nowrap}.login-button:hover{background:#ffe9c8}.login-code{font-size:43px;font-weight:750;letter-spacing:5px;text-align:center;background:#fff6e8;color:#ce7c17;border:1px solid #ffe4ba;border-radius:17px;padding:22px 12px;margin:22px 0 10px;font-variant-numeric:tabular-nums}.login-origin{text-align:center;color:#9399a2;font-size:11px;overflow-wrap:anywhere;margin:0 0 23px}.telegram-login-link{text-decoration:none}.login-wait{font-size:12px;text-align:center;line-height:1.7;color:#9a9fa8;margin:17px 0 8px}.profile-row-text{display:flex;flex-direction:column;gap:4px}.profile-row-text small{font-size:11px;color:#a0a4ad}.danger-button{color:#bd614c;background:#fff1ed}.danger-button:hover{background:#ffe7df}
@media(max-width:380px){.header-right{gap:7px}.header-right .mode-badge{display:none}.login-button{font-size:11px;padding:7px 11px}}
/* Keep the first-login instructions as three readable steps. */
#sheet-body .sheet-description { white-space: pre-line; }

.copy-quick-id{display:inline-flex;align-items:center;gap:6px;color:#c27519;font-size:11px;padding:6px 0;margin-top:3px}.copy-quick-id svg{width:14px;height:14px}.profile-card>div{min-width:0}.profile-card #profile-id{font-variant-numeric:tabular-nums;white-space:nowrap}

/* Preserve page width when sheets lock scrolling, including the closing animation. */
html{scrollbar-gutter:stable}html.modal-open{overflow:hidden}.sheet{overscroll-behavior:contain}

.transfer-form{display:flex;flex-direction:column;gap:12px}.transfer-label{font-size:13px;font-weight:600;color:#626b78}.transfer-input{width:100%;border:1px solid #e6e8ec;border-radius:14px;background:#f7f8fa;padding:17px 15px;font-size:17px;color:var(--text);outline:none}.transfer-input:focus{border-color:#ffa62c;box-shadow:0 0 0 3px #ff9d2018}.transfer-recipient-card{display:flex;align-items:center;gap:13px;padding:17px;background:#fff8ee;border:1px solid #ffe4ba;border-radius:17px;margin-bottom:20px}.transfer-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#ffebcd;color:#d27d13;font-size:20px;font-weight:650;flex-shrink:0}.transfer-recipient-card strong{display:block;font-size:16px;overflow-wrap:anywhere}.transfer-recipient-card small{display:block;font-size:11px;color:#9c8c75;margin-top:5px;overflow-wrap:anywhere}.transfer-total{text-align:center;font-size:36px;font-weight:750;letter-spacing:-1px;margin:22px 0}.transfer-details{border-block:1px solid #f0f1f3;padding:8px 0;margin-bottom:20px;color:#8b929c;font-size:13px}.transfer-success{width:64px;height:64px;border-radius:50%;background:#fff1d8;color:#e68b18;display:grid;place-items:center;font-size:34px;margin:10px auto}.transfer-form .secondary-button{margin-top:0}

.brand-button{gap:0;line-height:1;letter-spacing:-1px}.brand-button img{width:26px;height:26px;margin-right:1px}.brand-button span{color:#1b1d20}@media(max-width:700px){.brand-button{font-size:24px;gap:0}.brand-button img{width:26px;height:26px}}

.sheet.transfer-sheet{width:min(570px,calc(100% - 40px));min-height:min(690px,calc(100dvh - 60px));max-height:calc(100dvh - 40px)}.transfer-recipient-input{position:relative}.transfer-recipient-input .transfer-input{padding-right:48px}.recipient-check{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e4f5eb;color:#23965e;font-size:17px;font-weight:700}.transfer-recipient-input.verified .transfer-input{border-color:#a9dabe}.recipient-status{font-size:12px;color:#949aa4;line-height:1.5;margin:0;min-height:18px}.recipient-status.verified{color:#278354}.recipient-found{display:flex;flex-direction:column;gap:4px;padding:12px 15px;border-radius:12px;background:#fff6e8}.recipient-found strong{font-size:14px;overflow-wrap:anywhere}.recipient-found small{font-size:11px;color:#a48965;overflow-wrap:anywhere}.transfer-amount-input{font-size:30px;font-weight:650}.transfer-available{margin:-3px 0 6px;font-size:12px;color:#949aa4}.transfer-live-summary{border-block:1px solid #edf0f3;padding:16px 0;display:flex;flex-direction:column;gap:15px;margin:2px 0}.transfer-live-summary>div{display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#9299a3}.transfer-live-summary strong{color:#34383e;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.transfer-live-summary>div:nth-child(2){font-size:16px;color:#34383e}.transfer-footnote{font-size:11px;line-height:1.6;color:#a3a8b0;text-align:center;margin:0}.transfer-form>.form-error:empty{display:none}@media(max-width:700px){.sheet.transfer-sheet{width:100%;height:calc(100dvh - 45px);min-height:0;max-height:calc(100dvh - 45px)}.transfer-sheet .sheet-heading{margin-bottom:18px}}

button.transaction{width:100%;text-align:left;background:transparent}button.transaction:hover{background:#fff9f0}.operation-type{text-align:center;color:#9299a3;font-size:14px;margin:4px 0}.operation-details{margin:0 0 24px}.operation-details>div{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1.5fr);gap:16px;padding:13px 0;border-bottom:1px solid #f0f1f3;font-size:13px;line-height:1.5}.operation-details dt{color:#969da7}.operation-details dd{margin:0;text-align:right;overflow-wrap:anywhere;color:#353b43}.notification-list{display:flex;flex-direction:column;gap:12px}.notification-item{display:flex;flex-direction:column;gap:8px;position:relative;text-align:left;border:1px solid #edf0f3;border-radius:16px;padding:17px;background:#fafbfc}.notification-item.unread{background:#fff8ec;border-color:#ffe2b9}.notification-item.unread:after{content:'';position:absolute;right:14px;top:17px;width:6px;height:6px;border-radius:50%;background:#ff9418}.notification-item strong{font-size:14px;padding-right:12px}.notification-item span{font-size:12px;line-height:1.5;color:#9299a3;white-space:pre-line;overflow-wrap:anywhere}.notification-item small{font-size:10px;color:#a1a7af}

.pay-note{border:1px solid #ffe5be;background:#fff8ec;border-radius:16px;padding:16px;margin:0 0 22px;font-size:13px;line-height:1.7;color:#947147}.pay-note strong{color:#5c4a35}.pay-note p{margin:7px 0 0}.shop-list-card{display:flex;flex-direction:column;gap:7px;width:100%;text-align:left;padding:18px;margin-bottom:12px;border:1px solid #eceef1;border-radius:16px}.shop-list-card strong{font-size:15px}.shop-list-card small{font-size:11px;color:#a0a6af}.shop-list-card span{color:#db8518;font-weight:650}.shop-name{font-size:19px;overflow-wrap:anywhere;margin:4px 0 18px}.shop-commission{font-size:13px;color:#aa7b3e;margin-bottom:24px}.shop-balance-label{font-size:12px;color:#9aa0a9;text-align:center;margin:18px 0 0}.shop-balance{margin:8px 0 25px}.shop-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.shop-action{background:#f5f6f8;border:1px solid #eceef1;border-radius:12px;padding:16px 10px;font-size:13px}.shop-action.wide{grid-column:1/-1}.shop-action.danger{color:#bf6854;background:#fff6f1;border-color:#ffe1d2}.shop-stat{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #eff1f4;font-size:13px;color:#969ca5}.shop-stat strong{color:#34383f}.shop-key{display:block;width:100%;resize:none;min-height:100px;background:#fff8ec;border:1px solid #ffe1b2;border-radius:13px;padding:14px;font-size:13px;overflow-wrap:anywhere;margin:20px 0;color:#8a662f}.sheet.merchant-sheet{width:min(550px,calc(100% - 32px))}.merchant-sheet .sheet-heading h2{font-size:17px;overflow-wrap:anywhere}@media(max-width:700px){.sheet.merchant-sheet{width:100%;min-height:min(710px,calc(100dvh - 45px))}}

.services{grid-template-columns:repeat(4,minmax(0,1fr))}

.pay-cabinet-summary{display:flex;flex-direction:column;gap:10px;padding:25px;background:linear-gradient(120deg,#ffa52b,#f78a15);border-radius:22px;color:white;margin-bottom:17px}.pay-cabinet-summary>small{font-size:12px;opacity:.8}.pay-cabinet-summary>strong{font-size:36px;letter-spacing:-1px}.pay-cabinet-summary>span{font-size:11px;opacity:.85}.pay-cabinet-summary .primary-button{background:white;color:#b87a28;box-shadow:none;margin-top:10px}.pay-test-notice{font-size:11px;color:#a9854b;background:#fff7e8;border:1px solid #ffe7bd;padding:12px 14px;border-radius:12px;line-height:1.7;margin:15px 0 22px}.pay-tabs{display:flex;gap:8px;overflow:auto;margin:20px 0}.pay-tabs button{white-space:nowrap;padding:10px 16px;border-radius:20px;background:#f4f5f7;color:#a0a6af;font-size:12px}.pay-tabs button.active{background:#fff1db;color:#c18129}.portal-heading{font-size:17px;margin:25px 0 20px}.portal-operation{width:100%;display:grid;grid-template-columns:1fr auto;gap:7px;text-align:left;padding:17px 0;border-bottom:1px solid #edf0f3;font-size:13px}.portal-operation strong{font-size:13px}.portal-operation small{grid-column:1/-1;font-size:10px;color:#a1a7b0}.payout-destination{font-family:Consolas,monospace;font-size:12px;overflow-wrap:anywhere;color:#9a7d51;background:#fff7e8;padding:14px;border-radius:13px;line-height:1.6}.payout-card span{font-size:12px}.owner-console-link{display:block;text-align:center;margin:25px 0;font-size:12px;color:#ad7a32}#page-pay{max-width:720px;margin:auto}

.complaint-text{width:100%;min-height:145px;border:1px solid #e6e9ef;border-radius:14px;padding:14px;resize:vertical;color:#525d6b;outline:none;font:inherit;font-size:13px;line-height:1.7}.complaint-text:focus{border-color:#ffb356}.complaint-upload{display:flex;align-items:center;justify-content:center;padding:15px;border:1px dashed #f1c993;background:#fff9ee;border-radius:13px;color:#be8a48;cursor:pointer;font-size:13px}.complaint-upload input{position:absolute;opacity:0;width:1px;height:1px}.complaint-description{white-space:pre-wrap;line-height:1.8;font-size:13px;color:#7e8998;overflow-wrap:anywhere}.complaint-proof-link{display:block;font-size:12px;margin:20px 0;color:#c58b3e}.complaint-status{font-size:12px;color:#bd8b43;background:#fff4df;border-radius:15px;display:inline-block;padding:7px 12px}.complaint-status.confirmed{color:#b96956;background:#fff1eb}.complaint-status.resolved{color:#588d6e;background:#ecf7ef}.complaint-gallery{display:flex;flex-direction:column;gap:12px;margin:20px 0}.complaint-gallery img{max-width:100%;height:auto;border:1px solid #e7ecf1;border-radius:13px}

.complaint-operation-badge{display:inline-block;align-self:flex-start;width:fit-content;margin-top:5px;padding:3px 8px;border-radius:7px;background:#fff1da;color:#a56200;font-size:10px;font-weight:600}.complaint-operation-badge.confirmed{background:#fff0ed;color:#b44333}.complaint-operation-badge.resolved{background:#eaf7ed;color:#287346}.complaint-operation-badge.dismissed{background:#f0f1f4;color:#707788}

.notification-item .notification-amount{color:#25965b;font-size:20px;letter-spacing:-.4px}.notification-item:hover{border-color:#a7dabb;background:#f2fbf5}

 .notification-popover{position:fixed;z-index:120;display:flex;flex-direction:column;width:min(280px,calc(100vw - 32px));background:#fff;border:1px solid #f0f1f3;border-radius:17px;box-shadow:0 14px 40px #252b3b17,0 3px 10px #252b3b06;padding:6px;overflow:hidden;opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.75,.2,1)}.notification-popover[hidden]{display:none}.notification-popover.is-open{opacity:1;transform:translateY(0) scale(1)}.notification-popover-header{flex-shrink:0;padding:10px 12px 9px}.notification-popover-header h2{font-size:14px;margin:0;letter-spacing:-.2px}.notification-popover-body{min-height:0;max-height:304px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#e0e5e9 transparent;-webkit-overflow-scrolling:touch}.notification-popover .notification-list{gap:0}.notification-popover .notification-item,.notification-popover .notification-item.unread{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:9px 12px;min-height:38px;border:0;border-radius:9px;background:transparent;box-shadow:none;gap:0;width:100%;cursor:pointer}.notification-popover .notification-item:hover{background:#f3fbf6}.notification-popover .notification-item.unread:after{display:none}.notification-popover .notification-amount{font-size:15px;line-height:20px;letter-spacing:-.2px;font-weight:650;padding:0;color:#25965b}.notification-empty{padding:13px 12px 17px;color:#929aa7;font-size:12px;line-height:1.6;margin:0}@media(prefers-reduced-motion:reduce){.notification-popover{transition:none;transform:none}}

.services{grid-template-columns:repeat(5,minmax(0,1fr))}.service[data-action="withdraw"] .service-icon svg{transform:rotate(-45deg)}

html, *{scrollbar-width:none}
::-webkit-scrollbar{display:none}