@font-face{font-family:Inter;src:url(../fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Montserrat;src:url(../fonts/montserrat.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--acc:#19C9C9;--acc2:#3BE6DF;--bg:#040607;--text:#EAF4F4;--muted:#8FA3A6;--line:rgba(255,255,255,.06);
 --safe-b:max(env(safe-area-inset-bottom),var(--tg-safe-area-inset-bottom,0px));--safe-t:var(--tg-content-safe-area-inset-top,0px)}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{background:var(--bg)}
body{font-family:Inter,system-ui,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;background:var(--bg);overflow-x:hidden}
button,input,select,textarea{font:inherit;color:inherit}
.bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:
 radial-gradient(520px 420px at 105% -5%,rgba(25,201,201,.20),transparent 70%),
 radial-gradient(480px 520px at -20% 70%,rgba(25,201,201,.10),transparent 70%),
 radial-gradient(600px 400px at 50% 120%,rgba(25,201,201,.10),transparent 70%),
 linear-gradient(180deg,#06090B 0%,#040607 100%)}
.bg:after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 60%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 60%)}
#app{position:relative;z-index:1;max-width:520px;margin:0 auto;padding:calc(10px + var(--safe-t)) 18px calc(120px + var(--safe-b))}
#app.nofoot{padding-bottom:calc(24px + var(--safe-b))}
.apphead{display:flex;align-items:center;justify-content:space-between;margin:2px 0 14px}
.brand{display:flex;align-items:center;gap:9px;font:700 13px Montserrat;letter-spacing:.06em;color:#CFEDED;text-transform:uppercase}
.brand img{width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 1px rgba(25,201,201,.35),0 0 14px rgba(25,201,201,.25)}
.brand small{display:block;font:600 9.5px Inter;letter-spacing:.14em;color:var(--acc)}
.lang{display:flex;background:rgba(255,255,255,.06);border:1px solid rgba(25,201,201,.22);border-radius:14px;padding:3px;gap:2px}
.lang button{border:0;background:none;font:700 12px Inter;padding:5px 10px;border-radius:11px;color:#8FA6A8;letter-spacing:.04em;cursor:pointer}
.lang button.on{background:linear-gradient(135deg,#2FE0DA,#13A9A9);color:#041012;box-shadow:0 0 12px rgba(25,201,201,.45)}
.card{background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.03));border:1px solid rgba(25,201,201,.16);border-radius:24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.35)}
h1{font:700 26px/1.15 Montserrat;letter-spacing:-.01em}
h1.hero{font:700 21px/1.25 Montserrat;margin:2px 0 14px;max-width:340px}
h1 .t,.t{color:var(--acc);text-shadow:0 0 18px rgba(25,201,201,.35)}
h2{font:700 20px Montserrat}
h3{font:700 15px Montserrat}
.muted{color:var(--muted)}.acc{color:var(--acc)}.ok{color:#45E09B}.warn{color:#F5C04A}.bad{color:#FF8A8A}
.row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mono{font-variant-numeric:tabular-nums}
.small{font:500 12px Inter}.tiny{font:500 11px Inter}
.btn{border:0;cursor:pointer;width:100%;height:54px;border-radius:27px;display:flex;align-items:center;justify-content:center;gap:10px;font:700 16px Inter;color:#041214;background:linear-gradient(135deg,#3BE6DF 0%,#19C9C9 45%,#0E9A9C 100%);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 8px 26px rgba(25,201,201,.35);transition:transform .1s,opacity .2s}
.btn:active{transform:scale(.98)}
.btn[disabled]{opacity:.45;pointer-events:none}
.btn.ghost{background:rgba(255,255,255,.05);color:var(--text);border:1px solid rgba(25,201,201,.35);box-shadow:none}
.btn.red{background:rgba(255,90,90,.08);color:#FF8A8A;border:1px solid rgba(255,107,107,.45);box-shadow:none}
.btn.green{background:rgba(69,224,155,.08);color:#45E09B;border:1px solid rgba(69,224,155,.5);box-shadow:none}
.btn.sm{height:44px;font-size:14px}
.obtn{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:7px 16px;font:600 13.5px Inter;color:#fff;background:rgba(0,0,0,.25);white-space:nowrap;cursor:pointer;text-decoration:none}
.obtn.acc{border-color:rgba(25,201,201,.7);color:var(--acc2)}
.iconbtn{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(25,201,201,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.back{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;border:0;cursor:pointer;flex:none}
.pagehead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}
.pagehead .l{display:flex;align-items:center;gap:12px;min-width:0}
.avatar{border-radius:50%;background:linear-gradient(135deg,#1C3A3D,#0B1517);border:1.5px solid rgba(25,201,201,.55);display:flex;align-items:center;justify-content:center;font-family:Montserrat;font-weight:700;color:var(--acc2);box-shadow:0 0 16px rgba(25,201,201,.25);flex:none;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}
/* tabs */
.tabs{position:fixed;left:50%;transform:translateX(-50%);width:calc(100% - 36px);max-width:484px;bottom:calc(14px + var(--safe-b));height:72px;border-radius:36px;background:rgba(18,24,27,.88);border:1px solid rgba(25,201,201,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-around;box-shadow:0 12px 30px rgba(0,0,0,.6);z-index:20}
.tab{width:78px;display:flex;flex-direction:column;align-items:center;gap:5px;font:600 11px Inter;color:#A8B8BA;border:0;background:none;cursor:pointer;transition:all .2s}
.tab.on{height:78px;margin-top:-14px;border-radius:50%;justify-content:center;color:#041214;background:radial-gradient(circle at 35% 30%,#4CEBE4,#19C9C9 55%,#0C8F92);box-shadow:0 0 0 5px rgba(4,6,7,.95),0 0 26px rgba(25,201,201,.55)}
.tab .badge{position:absolute;margin:-4px 0 0 22px;min-width:16px;height:16px;border-radius:8px;background:#FF7B7B;color:#fff;font:700 10px/16px Inter;padding:0 4px}
/* chips */
.chip{display:inline-flex;align-items:center;gap:6px;font:700 11.5px Inter;padding:5px 10px;border-radius:12px;white-space:nowrap}
.chip:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.s-en_proceso{color:#F5C04A;background:rgba(245,192,74,.12);border:1px solid rgba(245,192,74,.3)}
.s-aceptada{color:#19C9C9;background:rgba(25,201,201,.12);border:1px solid rgba(25,201,201,.32)}
.s-esperando_pago{color:#FF9F50;background:rgba(255,159,80,.12);border:1px solid rgba(255,159,80,.32)}
.s-pagada{color:#6AB4FF;background:rgba(106,180,255,.12);border:1px solid rgba(106,180,255,.32)}
.s-completada{color:#45E09B;background:rgba(69,224,155,.12);border:1px solid rgba(69,224,155,.32)}
.s-cancelada,.s-rechazada{color:#FF7B7B;background:rgba(255,123,123,.10);border:1px solid rgba(255,123,123,.3)}
/* forms */
.field{margin-top:12px}
.field>label{display:block;font:600 12px Inter;color:#9FB3B5;margin:0 0 6px 4px}
.field>label b{color:var(--acc)}
.inp{width:100%;min-height:48px;border-radius:16px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.09);display:flex;align-items:center;padding:0 14px;font:500 15px Inter;color:var(--text);gap:10px;outline:none;transition:border-color .2s,box-shadow .2s}
input.inp,textarea.inp{display:block}
textarea.inp{padding:12px 14px;resize:none;min-height:64px;line-height:1.4}
.inp:focus,.inp:focus-within{border-color:rgba(25,201,201,.65);box-shadow:0 0 0 3px rgba(25,201,201,.12)}
.inp.err{border-color:rgba(255,107,107,.7);box-shadow:0 0 0 3px rgba(255,107,107,.12)}
.inp::placeholder{color:#61757A}
.inpwrap{position:relative}.inpwrap input{padding-left:42px}.inpwrap svg{position:absolute;left:14px;top:15px}
.errtxt{font:600 11.5px Inter;color:#FF8A8A;margin:6px 0 0 4px}
.seg{display:flex;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:3px;gap:2px}
.seg button{flex:1;border:0;background:none;text-align:center;font:600 13px Inter;padding:9px 2px;border-radius:13px;color:#9FB3B5;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}
.seg button.on{background:rgba(25,201,201,.16);color:var(--acc2);box-shadow:inset 0 0 0 1px rgba(25,201,201,.45)}
.select{appearance:none;-webkit-appearance:none;background:rgba(255,255,255,.07) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233BE6DF' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid rgba(25,201,201,.35);border-radius:18px;height:36px;padding:0 36px 0 14px;font:600 14px Inter;color:#fff;cursor:pointer;outline:none}
.select option{background:#0B1214;color:#fff}
/* calculator */
.calc{position:relative}
.cur{display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:5px 12px 5px 5px;font:700 15px Inter;cursor:pointer;color:#fff}
.cur img{width:32px;height:32px}
.amount{width:100%;max-width:100%;border:0;background:none;outline:none;text-align:center;font:600 34px Montserrat;color:var(--text);font-variant-numeric:tabular-nums;padding:0;min-width:0}
.amount::placeholder{color:#3C4C50}
.amountrow{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:10px 0 4px}
.amountrow .code{font:600 22px Montserrat;color:var(--acc);flex:none}
.swap{position:absolute;left:50%;transform:translateX(-50%);width:54px;height:54px;border-radius:50%;border:0;cursor:pointer;background:radial-gradient(circle at 35% 30%,#4CEBE4,#19C9C9 55%,#0C8F92);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px #06090B,0 0 24px rgba(25,201,201,.6);z-index:2;transition:transform .3s}
.swap:active{transform:translateX(-50%) rotate(180deg)}
.ticker{margin:0 -18px 12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
.ticker .track{display:flex;width:max-content;animation:qx-marquee var(--dur,40s) linear infinite;will-change:transform}
.ticker .set{display:flex;gap:8px;padding:0 8px 2px 0}
.ticker.paused .track{animation-play-state:paused}
@keyframes qx-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (prefers-reduced-motion:reduce){.ticker{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:none;mask-image:none;padding:0 18px}.ticker::-webkit-scrollbar{display:none}.ticker .track{animation:none}.ticker .set[aria-hidden]{display:none}}
.tick{border-radius:18px;padding:8px 12px;display:flex;align-items:center;gap:8px;white-space:nowrap;flex:none;cursor:pointer}
.tick>img{width:24px;height:24px}
.tick b{font:700 13px Inter}
.tick .tv{display:inline-flex;align-items:center;gap:4px;font:600 13px Inter}
.tick .tv i{font-style:normal;color:#5F7579;margin:0 3px}
img.mi{width:18px;height:18px;flex:none;vertical-align:middle;object-fit:contain}
.seg button img.mi{width:18px;height:18px}
.balrow{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font:500 12.5px Inter;color:#9FB3B5}
.balrow .obtn{padding:4px 12px;font-size:12px}
.amount.over{color:#FF7B7B !important;text-shadow:0 0 18px rgba(255,123,123,.25)}
.balbar{margin:0 0 8px;border-color:rgba(25,201,201,.45)}
.opt.off{opacity:.38;filter:grayscale(1);cursor:not-allowed}
/* sheet */
.sheet-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fade .2s}
.sheet{width:100%;max-width:520px;background:#0B1214;border:1px solid rgba(25,201,201,.2);border-bottom:0;border-radius:26px 26px 0 0;padding:10px 18px calc(22px + var(--safe-b));animation:up .25s ease-out}
.sheet .grab{width:40px;height:4px;border-radius:2px;background:rgba(255,255,255,.2);margin:0 auto 14px}
.opt{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;cursor:pointer;border:1px solid transparent}
.opt.on{background:rgba(25,201,201,.1);border-color:rgba(25,201,201,.35)}
.opt img{width:36px;height:36px}
@keyframes up{from{transform:translateY(40%);opacity:.3}}@keyframes fade{from{opacity:0}}
/* misc */
.kv{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.kv:first-of-type{border-top:0}
.kv .k{font:500 11px Inter;color:var(--muted)}.kv .v{font:600 14.5px Inter;margin-top:2px;word-break:break-all}
.copy{width:34px;height:34px;border-radius:10px;background:rgba(25,201,201,.12);border:1px solid rgba(25,201,201,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(110px + var(--safe-b));background:rgba(20,32,35,.95);border:1px solid rgba(25,201,201,.4);color:#fff;padding:10px 18px;border-radius:20px;font:600 13.5px Inter;z-index:60;animation:fade .2s;max-width:90%;text-align:center}
.empty{text-align:center;padding:40px 10px;color:var(--muted);font:500 14px Inter}
.sec{font:700 11px Inter;letter-spacing:.12em;color:var(--muted);margin:14px 4px 8px;text-transform:uppercase}
.list .card{padding:12px 14px;margin-bottom:8px;border-radius:20px;cursor:pointer}
.ricons{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.ricons img{width:24px;height:24px}
.svc{position:relative;overflow:hidden;margin-bottom:10px;padding:16px 16px 14px;min-height:190px;background-size:cover;background-position:right center}
.svc:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,9,.92) 0%,rgba(4,7,9,.78) 55%,rgba(4,7,9,.25) 100%)}
.svc>*{position:relative}
.svc .tt{font:700 18px/1.2 Montserrat;max-width:300px}
.svc .tx{font:500 12.8px/1.45 Inter;color:#C6D6D8;margin-top:7px;max-width:330px}
.link{padding:12px 14px;margin-bottom:9px;display:flex;align-items:center;gap:12px;border-radius:20px;text-decoration:none;color:inherit;cursor:pointer}
.link .ic{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}
.banner{padding:16px;border-color:rgba(245,192,74,.35);background:linear-gradient(160deg,rgba(245,192,74,.12),rgba(255,255,255,.03))}
.spinner{width:42px;height:42px;flex:none;border-radius:50%;border:3px solid rgba(245,192,74,.25);border-top-color:#F5C04A;box-shadow:0 0 16px rgba(245,192,74,.3);animation:spin 1.2s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.tl{position:relative;padding:0 0 13px 26px}
.tl .dot{position:absolute;left:0;top:3px;width:14px;height:14px;border-radius:50%}
.tl .ln{position:absolute;left:6px;top:16px;bottom:-4px;width:2px}
.tl .h{font:700 13.5px Inter}.tl .s{font:500 11.5px Inter;color:var(--muted);margin-top:2px}
.ind{padding:10px 14px;border-radius:16px;display:flex;align-items:center;gap:10px}
.ind .d{width:9px;height:9px;border-radius:50%;flex:none}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.stat{padding:12px 14px;border-radius:20px}
.stat .v{font:700 24px Montserrat;margin-top:4px}
.rtable .r{display:flex;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.rtable .r .n{flex:1;display:flex;gap:10px;align-items:center}
.rtable .r .c{width:76px;text-align:right;font:700 17px Montserrat}
.loader{display:flex;justify-content:center;padding:60px 0}
.loader:after{content:'';width:34px;height:34px;border-radius:50%;border:3px solid rgba(25,201,201,.2);border-top-color:var(--acc);animation:spin 1s linear infinite}
.rateedit .kv{padding:6px 0}.rateedit input{width:96px;min-height:38px;height:38px;text-align:right;border-radius:12px;padding:0 10px}
.fade-in{animation:fade .25s}