
:root{font-family:Arial,"Segoe UI",sans-serif;color:#303532;background:#f5f7f4;font-synthesis:none;--green:#39b514;--green-dark:#29880c;--line:#e3e6e1;--muted:#878d88;--pale:#eff5ef;--dark:#20313d;--safe:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8ccf72;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}.app-shell{max-width:480px;min-height:100dvh;margin:auto;background:#fff;box-shadow:0 0 80px #22341a08;padding-bottom:calc(100px + var(--safe))}.topbar{height:76px;position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(16px);z-index:10;border-bottom:1px solid var(--line);padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;gap:9px;align-items:center;font-size:20px;font-weight:800;letter-spacing:-.6px}.brand img{width:29px;height:32px}.topbar h1{font-size:19px;margin:0;letter-spacing:-.4px}.round{width:40px;height:40px;border-radius:50%;background:#f4f5f3;color:#343a35;display:grid;place-items:center;flex-shrink:0}.icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.page{padding:20px}.test-banner{font-size:12px;line-height:1.45;background:#f4f8eb;color:#657549;padding:9px 20px;border-bottom:1px solid #e8efdc;display:flex;gap:7px;align-items:center}.test-banner .icon{width:15px;height:15px}.greeting{display:flex;align-items:center;gap:12px;margin:3px 0 25px}.avatar{height:47px;width:47px;border-radius:50%;background:#e8f4e2;color:#278311;display:grid;place-items:center;font-size:20px;font-weight:700;border:2px solid #fff;box-shadow:0 0 0 1px #e1e7de}.muted{color:var(--muted)}.greeting small{display:block;color:var(--muted);font-size:13px;margin-bottom:5px}.greeting strong{font-size:17px;display:flex;align-items:center;gap:7px}.verified{color:var(--green);display:inline-flex}.verified .icon{width:17px;height:17px}.hero{background:var(--dark);color:white;border-radius:21px;padding:25px 23px;box-shadow:0 7px 22px #20313d25;position:relative;overflow:hidden;margin-bottom:16px}.hero:after{content:"G";font-weight:900;font-size:180px;position:absolute;right:-12px;bottom:-37px;color:#38b71121;line-height:1;pointer-events:none}.tag{display:inline-flex;background:var(--green);border-radius:30px;padding:7px 13px;font-size:12px;font-weight:700;position:relative;z-index:1}.hero h2{font-size:29px;line-height:1.07;letter-spacing:-1px;max-width:250px;margin:20px 0 12px;font-weight:800}.hero p{font-size:14px;line-height:1.5;max-width:245px;color:#b5bfc5;margin:0 0 20px}.hero button{background:white;color:#25313b;width:190px;font-size:14px;justify-content:space-between;position:relative;z-index:1}.btn{min-height:50px;padding:13px 18px;border-radius:12px;font-weight:600;background:var(--green);color:white;display:flex;align-items:center;justify-content:center;gap:9px;line-height:1.3}.btn:hover{filter:brightness(.97)}.btn.secondary{background:white;color:#3e433f;border:1px solid var(--line)}.btn.danger{background:#fff3f1;color:#bc4332;border:1px solid #f4d7d2}.btn.full{width:100%}.btn.sm{min-height:39px;font-size:13px;padding:9px 12px}.balance-card{border:1px solid #d5dfcf;border-radius:21px;padding:23px 20px 20px;background:radial-gradient(ellipse at 100% 0,#d2eec6,transparent 57%),linear-gradient(120deg,#fff,#edf9e7)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.65px;color:#969c95;font-weight:700;line-height:1.5}.balance-value{font-size:39px;font-weight:800;letter-spacing:-1.4px;margin-top:12px;line-height:1.1;overflow-wrap:anywhere}.balance-value small{font-size:19px;letter-spacing:0;color:#8a9286;margin-left:8px}.reserve-line{font-size:13px;color:#8a9186;margin:9px 0 18px}.currencies{display:grid;grid-template-columns:repeat(6,1fr);padding:4px;background:#f0f2ef;border-radius:12px;gap:2px}.currencies button{padding:10px 0;border-radius:9px;background:transparent;font-size:12px;color:#888e86;font-weight:600;min-width:0}.currencies button.selected{background:var(--green);color:white}.row{display:flex;gap:10px}.row>*{flex:1;min-width:0}.money-actions{margin:14px 0}.section-title{display:flex;align-items:center;justify-content:space-between;margin:25px 1px 12px;gap:8px}.link{background:none;color:var(--green-dark);font-size:13px;padding:5px;font-weight:600}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick button{border:1px solid var(--line);border-radius:15px;padding:14px 5px 12px;background:white;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;line-height:1.35;color:#565d55}.icon-box{width:42px;height:42px;border-radius:13px;background:#edf3f8;display:grid;place-items:center;color:#36414b}.empty{padding:26px 18px;text-align:center;border:1px solid var(--line);border-radius:18px;color:var(--muted);font-size:14px}.empty.large{border:0;padding:70px 12px 60px;display:flex;align-items:center;flex-direction:column}.empty .icon-box{width:65px;height:65px;background:white;border:1px solid var(--line);color:#a0a69e;border-radius:20px;margin-bottom:16px}.empty h3{font-size:16px;color:#424940;margin:0 0 12px;font-weight:600}.empty p{font-size:13px;line-height:1.6;margin:0}.nav{position:fixed;bottom:0;width:100%;max-width:480px;background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 74px 1fr 1fr;align-items:center;padding:10px 5px calc(9px + var(--safe));z-index:20;min-height:74px}.nav button{background:none;color:#aeb3ac;font-size:11px;font-weight:600;display:flex;align-items:center;flex-direction:column;gap:5px;padding:4px 0}.nav button.active{color:var(--green)}.nav .add{background:var(--green);color:white;border-radius:19px;width:58px;height:58px;justify-self:center;margin-top:-19px;box-shadow:0 7px 20px #39b51435;justify-content:center;padding:0}.nav .add .icon{width:29px;height:29px}.search-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:13px;padding:0 13px;gap:9px;margin:14px 0}.search-field .icon{color:#a9aea6;width:20px}.search-field input{border:0;outline:0;background:none;width:100%;padding:16px 0;font-size:14px;color:#303730;min-width:0}.search-field:focus-within{border-color:var(--green)}input::placeholder,textarea::placeholder{color:#a7ada4}label{display:block;font-size:14px;color:#697263;margin-bottom:8px}input,textarea,select{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:white;color:#293426;min-height:48px}textarea{min-height:125px;resize:vertical;line-height:1.5}form .field{margin-bottom:19px}.hint{font-size:13px;line-height:1.6;color:var(--muted);margin:8px 0 16px}.filters{display:flex;gap:7px;overflow:auto;margin:18px 0;scrollbar-width:none}.filters button{white-space:nowrap;min-height:37px;border:1px solid var(--line);background:white;border-radius:24px;padding:9px 14px;color:#8c9288;font-size:13px;font-weight:600}.filters .selected{background:var(--green);color:white;border-color:var(--green)}.deal-card{display:block;text-align:left;width:100%;border:1px solid var(--line);background:white;border-radius:16px;padding:17px;margin-bottom:10px;color:inherit}.deal-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.deal-card h3{font-size:15px;margin:0 0 10px;line-height:1.4;overflow-wrap:anywhere}.deal-card small{color:#949b8e;font-size:12px}.pill{font-size:11px;padding:5px 8px;border-radius:7px;background:#eff5ea;color:#5b8550;line-height:1.4}.pill.disputed{background:#fff1e9;color:#ae6c3f}.pill.completed{background:#e6f7df;color:#338b1e}.pill.cancelled,.pill.refunded{background:#f2f2f2;color:#888}.stepper{display:flex;gap:5px;margin:0 0 26px}.stepper span{height:4px;flex:1;background:#edf2f6;border-radius:5px}.stepper span.done{background:var(--green)}h2{font-size:21px;letter-spacing:-.4px;margin:0 0 10px}.step-label{font-size:13px;color:var(--muted);margin:0 0 22px}.role-option{display:flex;align-items:center;gap:14px;background:white;border:1px solid var(--line);padding:17px 15px;border-radius:15px;margin-bottom:12px;cursor:pointer}.role-option strong{font-size:15px;font-weight:500;display:block;color:#29382b}.role-option small{font-size:12px;color:#939a8d;display:block;margin-top:6px}.role-option input{width:20px;height:20px;min-height:0;margin:0 0 0 auto;accent-color:var(--green)}.role-option:has(input:checked){border-color:var(--green);background:#fbfff9}.profile-head{text-align:center;padding:9px 0 25px}.profile-head .avatar{width:77px;height:77px;font-size:30px;margin:0 auto 18px}.profile-head h2{display:flex;justify-content:center;gap:6px;align-items:center;font-size:21px;margin-bottom:8px}.profile-head p{font-size:13px;color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 19px}.stat{border:1px solid var(--line);border-radius:14px;text-align:center;padding:19px 8px}.stat strong{font-size:24px;display:block;margin-bottom:7px}.stat span{font-size:12px;line-height:1.45;color:var(--muted)}.panel{border:1px solid var(--line);border-radius:19px;padding:17px;margin-bottom:18px}.info-row{display:flex;gap:14px;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5}.info-row:first-child{padding-top:3px}.info-row:last-child{border:0;padding-bottom:3px}.info-row>span{color:var(--muted)}.info-row>b{text-align:right;font-weight:500;color:#233b30;overflow-wrap:anywhere;max-width:67%}.setting-row{display:flex;align-items:center;gap:14px;background:white;width:100%;text-align:left;padding:15px;border:1px solid var(--line);border-radius:15px;margin-bottom:10px;color:#263d2c;font-size:14px}.setting-row .trailing{margin-left:auto;color:#939b8e;font-size:13px}.support-head{text-align:center;padding:6px 4px 24px}.support-head .icon-box{height:68px;width:68px;margin:0 auto 17px;background:#e4f6dc;color:var(--green);border-radius:23px}.support-head .icon{height:29px;width:29px}.support-head h2{font-size:22px}.support-head p{font-size:14px;line-height:1.6;color:var(--muted);margin:10px 0}.faq{border:1px solid var(--line);border-radius:14px;padding:0 16px;margin-bottom:11px}.faq summary{cursor:pointer;padding:17px 0;list-style:none;display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:500}.faq summary:after{content:'⌄';color:#a6aca2}.faq[open] summary:after{content:'⌃'}.faq p{font-size:14px;line-height:1.65;color:#7c8774;margin:0 0 17px}.operation{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.operation:last-child{border:0}.operation small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.operation b{margin-left:auto;text-align:right;white-space:nowrap;font-weight:600}.positive{color:var(--green-dark)}.detail-title{line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap;font-size:17px;margin:19px 0}.detail-actions{display:grid;gap:10px}.note{padding:14px 16px;border-radius:13px;background:#f5f8f1;color:#7b886e;font-size:13px;line-height:1.6;margin:16px 0}.error-note{color:#a7503f;background:#fff1ed}.language-list{display:grid;gap:10px}.language-list button{background:white;border:1px solid var(--line);padding:17px;border-radius:14px;text-align:left;display:flex;justify-content:space-between;color:#2c3828}.language-list .selected{border-color:var(--green);color:var(--green-dark);background:#f6fcf3}.onboarding{text-align:center;padding:38px 22px}.onboarding img{width:62px;height:62px;margin-bottom:22px}.onboarding h2{font-size:26px}.onboarding p{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:25px}.onboarding .language-list{text-align:left}.boot{display:flex;min-height:90dvh;align-items:center;justify-content:center;flex-direction:column;gap:17px;font-size:26px}.spinner{height:22px;width:22px;border:2px solid #dfecd8;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:calc(100px + var(--safe));left:50%;transform:translateX(-50%) translateY(20px);max-width:calc(100% - 30px);width:max-content;background:#233328;color:white;border-radius:13px;padding:13px 19px;font-size:14px;line-height:1.5;opacity:0;pointer-events:none;transition:.2s;z-index:50}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}dialog{border:0;border-radius:22px;padding:25px;width:calc(100% - 32px);max-width:410px;box-shadow:0 20px 90px #0003;color:#293426}dialog::backdrop{background:#14251d66;backdrop-filter:blur(4px)}dialog h3{font-size:20px;margin:0 0 13px}dialog p{font-size:14px;color:#7a8573;line-height:1.7;margin:0 0 22px}dialog .row{margin-top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.preview-link{display:block;text-align:center;color:var(--green-dark);font-weight:600;margin:20px 0}.footer-note{font-size:12px;line-height:1.65;text-align:center;color:#939d8b;padding:15px 10px}.search-result{padding:15px;border:1px solid var(--line);border-radius:14px;margin-top:12px}.search-result strong{display:block;margin-bottom:7px}.search-result p{font-size:13px;color:var(--muted)}.search-result button{margin-top:12px}.admin-stats{display:flex;gap:12px;margin:20px 0}.admin-stats .stat{flex:1}.onboarding .hint{font-size:12px}#offline{padding:12px;text-align:center;background:#fff2df;color:#986125;font-size:13px}@media(min-width:600px){.app-shell{margin:24px auto;min-height:calc(100dvh - 48px);border:1px solid var(--line);border-radius:25px;overflow:clip}.nav{border-radius:0 0 24px 24px;bottom:24px;width:478px}.topbar{top:0}.page{padding:24px}.hero h2{font-size:32px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:350px){.page{padding:14px}.quick{gap:5px}.quick button{font-size:11px}.topbar{padding:0 14px}.nav{grid-template-columns:1fr 1fr 62px 1fr 1fr}.nav button{font-size:10px}}

/* Keep actions separated and reachable above the fixed mobile navigation. */
:root{--safe:max(env(safe-area-inset-bottom,0px),var(--tg-content-safe-area-inset-bottom,0px));--nav-clearance:calc(116px + var(--safe))}
.app-shell{padding-bottom:var(--nav-clearance)}
.page{min-width:0}.btn{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
.manager-link{margin:0 0 14px}.detail-actions{margin-top:14px}.deal-link input{margin-bottom:12px}
.currencies{grid-template-columns:repeat(7,minmax(0,1fr))}
.greeting>div:last-child{min-width:0}.greeting strong,.profile-head h2{overflow-wrap:anywhere}.avatar{flex-shrink:0}
.dialog-error{color:#a7503f;background:#fff1ed;padding:12px;border-radius:10px}
dialog{max-height:calc(100dvh - 32px);overflow-y:auto}html{scroll-padding-bottom:var(--nav-clearance)}
@media(max-width:350px){.currencies button{font-size:11px}.row .btn{padding:12px 8px;font-size:14px}}

.transfer-dialog .row{flex-direction:column-reverse}.transfer-dialog .row .btn{width:100%}

/* Keep the Mini App at its original scale, including focused form fields. */
html{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}
input,textarea,select,.search-field input{font-size:16px}
