/* WemyBot — phone-first Telegram interface. */
:root {
  color-scheme: dark;
  --canvas:#15191f; --paper:#1c222a; --surface-default:#1c222a;
  --ink:#f3f6fa; --muted:#a1aebb; --line:#2b333e;
  --brand:#6aaff2; --brand-deep:#398edc; --brand-soft:#24364b;
  --color-primary:#6aaff2; --color-success:#80d5b5; --color-error:#ff9ca7;
  --text-secondary:#a1aebb; --border-default:#394655; --border-subtle:#2b333e;
  --ease-out:cubic-bezier(.23,1,.32,1);
}
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { background:#0e1116; -webkit-text-size-adjust:100%; }
body { margin:0; color:var(--ink); font:400 14px/1.65 "DM Sans","Noto Sans Arabic","Noto Sans SC",sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,select { font:inherit; }
button,a,input,select { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button:disabled { cursor:wait; opacity:.55; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible { outline:2px solid #91c9ff; outline-offset:4px; }
button,input,select { touch-action:manipulation; }
.icon { width:22px; height:22px; flex:none; display:inline-block; vertical-align:middle; }
.site-shell { width:min(100%,480px); min-height:100vh; min-height:100dvh; margin-inline:auto; background:var(--canvas); display:flex; flex-direction:column; }
main { flex:1; min-width:0; }
.topbar { padding:18px 20px 14px; padding-top:calc(18px + env(safe-area-inset-top,0px)); display:flex; align-items:center; flex-wrap:wrap; gap:14px; border-bottom:1px solid var(--line); }
.brand { display:flex; gap:10px; align-items:center; font-size:18px; font-weight:700; letter-spacing:-.6px; white-space:nowrap; }
.brand-mark,.mini-mark { display:grid; place-items:center; background:#72b4f5; color:#102338; font-weight:700; }
.brand-mark { width:36px; height:36px; border-radius:12px; }
.topbar-actions { margin-inline-start:auto; display:flex; align-items:center; gap:8px; }
.language-menu { display:flex; align-items:center; gap:2px; padding:3px; border:1px solid var(--line); border-radius:11px; background:#10161d; }
.language-menu a { display:grid; place-items:center; min-height:36px; min-width:35px; padding:4px; font-size:11px; border-radius:7px; color:var(--muted); }
.language-menu a.active { background:#29394c; color:#b6dcff; }
.nav-links { display:flex; flex-wrap:wrap; width:100%; gap:6px; order:3; }
.nav-links a { flex:1; padding:7px 10px; text-align:center; border:1px solid var(--line); border-radius:9px; color:var(--muted); font-size:11px; }
.signed-in-user { display:none; }
.inline-form { margin:0; }
.button { min-height:46px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 17px; border:1px solid transparent; border-radius:13px; font-size:13px; font-weight:600; line-height:1.5; transition:transform 120ms var(--ease-out),background-color 140ms ease; }
.button:active { transform:scale(.97); }
.button-primary { color:#102238; background:var(--brand); }
.button-quiet { background:#222c38; color:#c5d3e1; border-color:#303d4b; }
.icon-button { width:40px; min-height:40px; padding:8px; background:transparent; border-color:var(--line); color:var(--muted); }
.mobile-content { margin:0; padding:25px 20px calc(110px + env(safe-area-inset-bottom,0px)); }
.mobile-layout { min-width:0; }
h1,h2,h3,p { margin:0; }
h1 { font-size:26px; letter-spacing:-.8px; line-height:1.45; font-weight:700; }
h2 { font-size:23px; letter-spacing:-.6px; line-height:1.5; }
h3 { font-size:14px; font-weight:600; }
.eyebrow { color:var(--muted); font-size:12px; margin-bottom:5px; }
.page-heading,.section-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:23px; flex-wrap:wrap; }
.page-heading > div,.section-heading > div { min-width:0; }
.page-heading > .button { font-size:11px; padding:8px 11px; min-height:38px; }
.section-heading p { margin-top:6px; color:var(--muted); font-size:12px; line-height:1.8; }
.user-greeting { display:flex; align-items:center; gap:12px; padding-bottom:25px; }
.user-avatar { width:43px; height:43px; border-radius:50%; display:grid; place-items:center; background:#26364a; color:#a2d0ff; font-size:19px; font-weight:700; border:1px solid #3c536e; }
.user-greeting strong { display:block; font-size:15px; overflow-wrap:anywhere; }
.user-greeting small { color:var(--muted); font-size:11px; }
.user-avatar { flex-shrink:0; object-fit:cover; }
.user-avatar[hidden] { display:none; }
.owner-section { margin-block:14px; }
.owner-section > summary { cursor:pointer; font-weight:700; color:var(--brand,#74baff); padding-block:10px; min-height:44px; }
.owner-section h3 { font-size:15px; margin-block:15px 8px; }
.owner-record,.owner-admin-form { padding-block:15px; border-top:1px solid var(--line); margin-top:12px; overflow-wrap:anywhere; }
.owner-record small { color:var(--muted); }
.owner-admin-form,.owner-section form { display:grid; gap:12px; margin-block:12px; }
.owner-admin-form .check-option { display:flex; gap:10px; align-items:center; min-height:44px; }
.owner-admin-form input[type=checkbox] { width:20px; height:20px; flex-shrink:0; }
.owner-metrics { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:12px 0; }
.owner-metrics dt { font-size:12px; color:var(--muted); }.owner-metrics dd { margin:4px 0; font-weight:700; font-variant-numeric:tabular-nums; }
.owner-warning { padding:12px; border:1px solid #805c31; border-radius:12px; color:#ffdb9d; background:#342b20; font-size:13px; overflow-wrap:anywhere; }
.audit-metadata { white-space:pre-wrap; overflow-wrap:anywhere; font-size:11px; max-width:100%; }
.owner-section details > summary { min-height:44px; cursor:pointer; padding-block:12px; }
.metric-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.metric-card { padding:18px; min-width:0; min-height:124px; border:1px solid var(--line); background:var(--paper); border-radius:18px; display:flex; flex-direction:column; justify-content:space-between; gap:17px; }
.metric-card > span { color:var(--muted); font-size:12px; }
.metric-card strong { font-size:26px; line-height:1.25; font-weight:600; letter-spacing:-.7px; font-variant-numeric:tabular-nums; direction:ltr; text-align:start; }
.metric-card.accent { grid-column:1/-1; padding:23px; min-height:169px; background:linear-gradient(125deg,#294662,#203144); border-color:#3b5772; position:relative; overflow:hidden; }
.metric-card.accent::after { content:""; width:150px; height:150px; border:1px solid #527da14d; border-radius:50%; position:absolute; inset-inline-end:-75px; top:-48px; box-shadow:0 0 0 25px #527da110,0 0 0 50px #527da110; pointer-events:none; }
.metric-card.accent > span { color:#c6d9ed; display:flex; align-items:center; gap:9px; }
.metric-card.accent strong { font-size:42px; letter-spacing:-1.8px; }
.metric-card.period-card { grid-column:1/-1; min-height:100px; flex-direction:row; align-items:center; }
.metric-card.period-card strong { font-size:22px; white-space:nowrap; }
.summary-actions { margin-top:20px; display:grid; gap:10px; }
.summary-actions .button { width:100%; }
.overview-page { padding-bottom:75px; }
.overview-card { background:#17212b; border:1px solid #25313d; border-radius:23px; margin-bottom:16px; overflow:hidden; }
.overview-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:7px 15px 2px; min-height:51px; }
.overview-heading h1,.overview-heading h2 { color:#6bb6ff; font-size:15px; line-height:1.5; font-weight:600; letter-spacing:0; }
.summary-toggle { flex:none; display:flex; align-items:center; gap:4px; min-height:44px; padding:4px 0 4px 6px; border:0; color:#a0b3c6; background:transparent; font-size:12px; }
.summary-toggle .icon { width:16px; height:16px; }
.summary-toggle[aria-expanded="false"] .icon { transform:rotate(180deg); }
.overview-row { display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:12px; align-items:center; min-height:77px; padding:13px 15px; }
.overview-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:12px; color:#fff; box-shadow:inset 0 1px 0 #ffffff30; }
.overview-icon .icon { width:23px; height:23px; stroke-width:1.9; }
.tone-amber { background:#efa900; }.tone-green { background:#34b950; }.tone-red { background:#f54e59; }.tone-blue { background:#238ee3; }.tone-mint { background:#0bae8b; }.tone-cyan { background:#0ca7bd; }.tone-indigo { background:#5169f3; }.tone-purple { background:#7748df; }
.overview-copy { min-width:0; }
.overview-copy h3 { font-size:15px; line-height:1.55; font-weight:500; overflow-wrap:anywhere; }
.overview-copy p { font-size:12px; line-height:1.65; color:#9aafc2; margin-top:2px; overflow-wrap:anywhere; }
.overview-value { font-size:15px; font-weight:500; font-variant-numeric:tabular-nums; text-align:end; white-space:nowrap; }
.help-link { min-height:79px; }
.help-link > .icon { width:17px; height:17px; color:#8ca1b5; }
[dir="rtl"] .help-link > .icon { transform:rotate(180deg); }
.support-link { background:#1e2b37; }
.help-empty { padding:15px; color:var(--muted); font-size:12px; }
.floating-sell { position:fixed; z-index:31; bottom:calc(92px + env(safe-area-inset-bottom,0px)); left:50%; transform:translateX(-50%); max-width:calc(100% - 40px); }
.floating-sell .button { border-radius:999px; border:4px solid #20303d; box-shadow:0 5px 16px #0004; min-height:57px; padding:10px 20px; background:#5294d1; color:#fff; font-size:15px; white-space:nowrap; }
.floating-sell .icon { background:white; color:#5294d1; border-radius:50%; width:22px; height:22px; padding:4px; }
.channel-editor { min-width:0; margin:18px 0; border:1px solid var(--line); border-radius:14px; padding:14px; }
.channel-editor legend { color:var(--brand); padding-inline:6px; font-size:12px; }
.channel-editor .form-grid { margin:0 0 15px; }
.remove-channel { color:#ffb1b9; min-height:44px; }
.settings-note { font-size:12px; color:var(--muted); margin-top:7px; }
.support-settings { padding-top:20px; border-top:1px solid var(--line); gap:4px; }
.settings-feedback { font-size:12px; margin-top:14px; overflow-wrap:anywhere; color:#c2dbf4; }
@media (max-width:359px) { .overview-row { grid-template-columns:30px minmax(0,1fr) auto; gap:9px; padding-inline:11px; }.overview-icon { width:30px; height:30px; border-radius:10px; }.overview-copy h3,.overview-value { font-size:13px; }.overview-copy p { font-size:11px; }.overview-heading { padding-inline:11px; }.overview-heading h1,.overview-heading h2 { font-size:13px; } }
@media (hover:hover) and (pointer:fine) { .help-link:hover { background:#233341; } }
.search-box { display:flex; align-items:center; gap:10px; width:100%; padding:0 14px; min-height:49px; color:#8fa2b5; background:#10161d; border:1px solid var(--line); border-radius:14px; }
.search-box input { width:100%; min-width:0; background:transparent; border:0; color:var(--ink); padding:13px 0; font-size:13px; outline:none; }
.search-box:focus-within { border-color:var(--brand); }
input::placeholder { color:#8593a2; opacity:1; }
.country-grid { display:grid; gap:10px; }
.country-card { padding:15px; display:flex; flex-wrap:wrap; gap:12px; align-items:center; border:1px solid var(--line); border-radius:16px; background:var(--paper); }
.country-prices { order:10; flex:0 0 100%; margin:0; padding-block-start:10px; border-top:1px solid var(--line); }
.country-prices > div { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding-block:6px; font-size:13px; }
.country-prices dt { color:var(--muted); min-width:0; }
.country-prices dd { margin:0; flex-shrink:0; font-weight:700; color:#bfe0ff; font-variant-numeric:tabular-nums; }
.country-prices .price-unavailable { color:#f5a8a8; font-size:12px; }
.account-category { color:var(--muted); font-size:12px; margin-block:8px 0; }
.country-check-fields input:disabled { opacity:.45; cursor:not-allowed; }
.country-flag { flex:none; width:43px; height:43px; border-radius:13px; display:grid; place-items:center; background:#27313b; font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif; font-size:27px; }
.country-card p { margin-top:2px; font-size:12px; color:var(--muted); text-align:start; font-variant-numeric:tabular-nums; }
.country-qty { margin-inline-start:auto; padding:5px 9px; border-radius:8px; background:#1e3833; color:#8edfc1; font-size:11px; white-space:nowrap; }
.country-offer { display:flex; flex-direction:column; align-items:flex-end; margin-inline-start:auto; color:#bfe0ff; font-variant-numeric:tabular-nums; line-height:1.2; }
.country-offer strong { font-size:14px; font-weight:700; }.country-offer span { margin-top:3px; color:var(--muted); font-size:10px; }
.country-offer + .country-qty { margin-inline-start:0; }
.country-pin { flex:none; width:34px; height:34px; padding:0; display:grid; place-items:center; border:1px solid #38495a; border-radius:10px; color:#91a7bd; background:#17212b; transition:transform 120ms var(--ease-out),color 140ms ease,background-color 140ms ease; }
.country-pin:active { transform:scale(.97); }.country-pin .icon { width:18px; height:18px; }
.country-card.is-pinned { border-color:#3d6382; }.country-card.is-pinned .country-pin { color:#ffd36e; background:#40371d; border-color:#715d2c; }
.country-search-empty { padding:30px 12px; text-align:center; color:var(--muted); }
.account-status-tabs { display:flex; padding:5px; gap:4px; border:1px solid var(--line); border-radius:14px; background:#10161d; margin:0 0 19px; }
.account-status-tab { min-width:0; flex:1; padding:10px 3px; min-height:68px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; border:0; background:transparent; color:var(--muted); border-radius:10px; font-size:10px; line-height:1.5; font-weight:600; }
.account-status-tab.active { background:#26394f; color:#b3dbff; }
.account-status-count { display:inline-grid; place-items:center; min-width:23px; min-height:21px; padding:0 6px; border-radius:6px; background:#25313e; font-size:11px; font-variant-numeric:tabular-nums; }
.account-status-tab.active .account-status-count { background:#71b5f6; color:#13283e; }
.empty-state { min-height:235px; padding:36px 22px; border:1px solid var(--line); border-radius:19px; background:var(--paper); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:17px; text-align:center; }
.empty-state::before { content:""; width:54px; height:54px; border:1px solid #3e5064; border-radius:18px; background:#263342; }
.empty-state > .icon { width:26px; height:26px; margin-top:-58px; margin-bottom:17px; color:#91aecb; }
.empty-state p { color:var(--muted); font-size:13px; line-height:1.9; max-width:270px; }
.account-row,.round-row { display:flex; align-items:center; flex-wrap:wrap; gap:10px 14px; padding:16px; border:1px solid var(--line); border-radius:14px; background:var(--paper); margin-bottom:10px; font-size:13px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.account-row > span:first-child { font-weight:600; }
.account-row time { color:var(--muted); flex-basis:100%; font-size:11px; }
.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; }
#tab-accounts { padding-bottom:75px; }
.account-search { margin-bottom:16px; border-radius:999px; }
.compact-status-tabs { border-radius:999px; padding:4px; gap:2px; }
.compact-status-tabs .account-status-tab { flex-direction:row; flex-wrap:wrap; min-height:46px; font-size:11px; gap:6px; border-radius:999px; padding:8px 4px; }
.compact-status-tabs .account-status-count { border-radius:999px; min-width:24px; }
.account-collection { border:1px solid #25313d; border-radius:22px; background:#17212b; overflow:hidden; }
.account-collection-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:15px 16px 4px; }
.account-collection-heading h2 { color:#6bb6ff; font-size:16px; letter-spacing:0; }
.account-sort { display:flex; gap:6px; align-items:center; border:1px solid #354b60; background:#21303e; color:#bed1e3; border-radius:12px; padding-inline:9px; min-height:44px; }
.account-sort .icon { width:18px; height:18px; }
.account-sort select { color:inherit; border:0; background:#21303e; font-size:11px; min-height:42px; max-width:135px; }
.seller-account { padding:22px 16px; }
.seller-account + .seller-account { border-top:1px solid #2c3a48; }
.seller-account-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:7px 12px; }
.seller-account-identity { display:flex; align-items:center; gap:8px; min-width:0; }
.seller-account-phone { font-size:16px; font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.account-flag { flex:none; font-size:22px; line-height:1; font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif; }
.seller-account-price { color:#bad0e3; font-size:13px; font-variant-numeric:tabular-nums; }
.seller-account-meta { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:15px; }
.account-state { display:inline-flex; align-items:center; gap:5px; border-radius:7px; padding:4px 8px; font-size:11px; font-weight:600; }
.account-state .icon { width:14px; height:14px; }
.state-pending { color:#ffd16d; background:#463a22; }.state-confirmed { color:#8ae2b0; background:#203e32; }.state-rejected { color:#ff9fa7; background:#442b35; }
.account-date { display:flex; align-items:center; gap:5px; font-size:11px; color:#a0b5c8; }
.account-date .icon { width:16px; height:16px; }
.account-deadline { display:flex; align-items:flex-start; gap:6px; color:#a0b5c8; font-size:10px; line-height:1.8; margin-top:13px; }
.account-deadline .icon { width:14px; height:14px; margin-top:2px; }
.account-empty { border:0; background:transparent; border-radius:0; min-height:235px; }
@media (max-width:359px) { .seller-account { padding:18px 12px; }.seller-account-phone { font-size:14px; }.compact-status-tabs .account-status-tab { font-size:10px; } }
.account-row > span:nth-child(2) { margin-inline-start:auto; }
.management-actions { display:flex; gap:8px; width:100%; }
.management-actions .button { flex:1; }
.button-chat { color:#cce5fc; background:#243a4f; border-color:#385776; }
.managed-account { padding:16px; border:1px solid var(--line); border-radius:16px; background:var(--paper); margin-bottom:10px; }
.managed-profile { display:flex; align-items:center; gap:12px; min-width:0; }
.managed-avatar { flex:none; width:50px; height:50px; border-radius:50%; object-fit:cover; background:#26364a; border:1px solid #3c536e; }
.managed-avatar-fallback { display:grid; place-items:center; color:#a2d0ff; font-size:19px; font-weight:700; }
.managed-profile-copy { min-width:0; }
.managed-profile-copy strong { display:block; font-size:15px; overflow-wrap:anywhere; }
.managed-profile-copy small { display:block; margin-top:2px; color:#89a4be; font-size:12px; font-variant-numeric:tabular-nums; }
.managed-account-data { display:flex; flex-wrap:wrap; gap:7px 12px; margin-top:16px; color:#b5c5d4; font-size:12px; font-variant-numeric:tabular-nums; }
.managed-account-data > span:first-child { color:var(--ink); font-size:14px; font-weight:600; }
.managed-status { padding:3px 7px; border-radius:6px; text-transform:capitalize; }
.managed-status-pending { color:#ffd16d; background:#463a22; }.managed-status-confirmed { color:#8ae2b0; background:#203e32; }.managed-status-rejected { color:#ff9fa7; background:#442b35; }
.managed-account .management-actions { margin-top:16px; }
.country-picker { position:relative; }
.country-picker > label { display:block; color:#bac6d2; font-size:12px; margin-bottom:8px; }
.country-picker > input[type="search"] { width:100%; min-height:48px; border:1px solid #354353; border-radius:12px; background:#141b24; color:var(--ink); padding:11px 12px; font-size:16px; }
.country-picker-options { position:absolute; z-index:15; inset-inline:0; top:calc(100% + 5px); max-height:235px; overflow:auto; padding:6px; border:1px solid #3a4b5e; border-radius:14px; background:#1d2732; box-shadow:0 14px 34px #0008; }
.country-picker-options button { width:100%; min-height:45px; display:flex; align-items:center; justify-content:space-between; gap:8px; border:0; border-radius:9px; padding:8px 10px; color:var(--ink); background:transparent; text-align:start; }
.country-picker-options button:active { background:#2c4054; }
.country-picker-options p { padding:14px 10px; color:var(--muted); font-size:12px; }
.duration-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; min-width:0; margin:0; padding:14px; border:1px solid var(--line); border-radius:13px; }
.duration-fields legend { color:#bac6d2; padding-inline:6px; font-size:12px; }
.duration-fields label { min-width:0; color:#bac6d2; font-size:11px; }
.duration-fields input { width:100%; min-height:45px; margin-top:7px; border:1px solid #354353; border-radius:10px; background:#141b24; color:var(--ink); padding:8px; font-size:15px; text-align:center; }
.sell-flow-active .bottom-nav { display:none; }
.sell-flow-active .mobile-content { padding-bottom:calc(28px + env(safe-area-inset-bottom,0px)); }
.full-sell-flow { position:fixed; z-index:70; inset:0; width:min(100%,480px); min-height:100dvh; margin:0; margin-inline:auto; overflow-y:auto; background:#202b38; }
.sell-flow-header { position:relative; min-height:63px; display:flex; align-items:center; justify-content:center; padding:10px 72px; border-bottom:1px solid #314050; color:#e9f1f8; font-size:17px; font-weight:600; direction:ltr; }
.flow-back { position:absolute; left:16px; display:grid; place-items:center; width:38px; height:38px; padding:0; border:0; color:#b7c8d8; background:transparent; }
.flow-back .icon { width:26px; height:26px; }
.sell-flow-content { min-height:calc(100dvh - 63px); display:flex; flex-direction:column; padding:44px 20px max(22px,env(safe-area-inset-bottom,0px)); }
.sell-flow-content > form,.sell-flow-message { width:100%; display:flex; flex:1; flex-direction:column; }
.sell-flow-intro { text-align:center; margin-bottom:47px; }
.sell-flow-intro h1 { font-size:29px; letter-spacing:-.8px; }
.sell-flow-intro p { max-width:350px; margin:8px auto 0; color:#91a7bd; font-size:15px; line-height:1.7; }
.phone-entry { display:flex; align-items:center; gap:7px; min-height:60px; padding:6px 7px 6px 18px; border-radius:999px; background:#121b25; border:1px solid #263847; direction:ltr; }
.phone-entry input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:#f0f6fb; font-size:17px; direction:ltr; }
.phone-entry input::placeholder { color:#8ca5bf; }
.phone-entry button { flex:none; min-height:43px; padding:7px 13px; border:0; border-radius:999px; background:#2b4054; color:#bfe0ff; font-size:12px; font-weight:600; }
.phone-format-note { margin:9px 14px 25px; color:#91a7bd; font-size:11px; direction:ltr; }
.sell-policy { margin-bottom:27px; padding:21px 20px; border:1px solid #2a3a49; border-radius:22px; background:#17212b; }
.sell-policy h2 { color:#ff9da6; font-size:16px; letter-spacing:0; }
.sell-policy p { margin-top:12px; color:#9bb0c3; font-size:13px; line-height:1.85; white-space:pre-line; }
.sell-next { width:100%; min-height:60px; margin-top:auto; border-radius:999px; font-size:16px; }
.sell-next:disabled { color:#aebbc9; background:#476f98; opacity:1; }
.code-slots { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; max-width:360px; margin:0 auto 32px; }
.code-slot { width:100%; min-height:65px; border:1px solid #405772; border-radius:13px; background:#14202b; color:#eff7ff; font-size:29px; font-weight:600; text-align:center; outline:0; }
.code-slot:focus { border-color:#78b9f7; box-shadow:0 0 0 3px #6aaff225; }
.flow-field { color:#d5dee8; font-size:13px; }
.flow-field input { width:100%; min-height:55px; margin-top:9px; border:1px solid #354353; border-radius:14px; background:#141b24; color:var(--ink); padding:11px 12px; font-size:16px; direction:ltr; }
.sell-flow-message { align-items:center; justify-content:center; text-align:center; color:#c5d9ec; }
.sell-flow-message .button { width:100%; margin-top:25px; }
.success-message { color:var(--color-success); }.error-message { color:var(--color-error); }
@media (max-width:359px) { .full-sell-flow { margin-inline:-14px; }.sell-flow-content { padding-inline:14px; }.duration-fields { gap:5px; padding:10px; }.duration-fields input { padding:5px; }.code-slots { gap:6px; }.code-slot { min-height:57px; font-size:25px; } }
.round-row > span:first-child { flex-basis:100%; font-weight:600; }
.round-edit { width:100%; border-top:1px solid var(--line); padding-top:10px; }
.round-edit summary { cursor:pointer; min-height:44px; color:var(--brand); padding-block:10px; }
.round-edit form > button { width:100%; margin-top:14px; }
.country-check-fields { min-width:0; margin:0; padding:14px; border:1px solid var(--line); border-radius:13px; }
.country-check-fields legend { padding-inline:6px; color:var(--brand); }
.form-grid .check-option { display:flex; align-items:center; gap:10px; min-height:48px; }
.form-grid .check-option input { width:20px; min-height:20px; height:20px; margin:0; flex:none; accent-color:var(--brand); }
.round-row > .button { margin-inline-start:auto; }
.control-card { border:1px solid var(--line); border-radius:18px; padding:18px; margin-bottom:27px; background:var(--paper); }
.control-card h2 { font-size:18px; }
.control-card > .button { width:100%; }
.form-grid { display:grid; gap:17px; margin:22px 0; }
.form-grid label { color:#bac6d2; font-size:12px; }
.form-grid input,.form-grid select,.modal-input { width:100%; min-height:48px; border:1px solid #354353; border-radius:12px; background:#141b24; color:var(--ink); padding:11px 12px; margin-top:8px; font-size:16px; }
.bottom-nav { position:fixed; z-index:30; bottom:0; left:50%; transform:translateX(-50%); width:min(100%,480px); display:flex; gap:8px; align-items:center; padding:10px 18px calc(10px + env(safe-area-inset-bottom,0px)); border-top:1px solid #303b48; background:#19212bf5; }
.nav-item { min-width:0; flex:1; min-height:57px; display:flex; flex-direction:column; gap:4px; align-items:center; justify-content:center; padding:6px; border:0; border-radius:13px; color:#9dabb9; background:transparent; font-size:11px; }
.nav-item.active { color:#a0d0ff; background:#27394e; }
.nav-item .icon { width:22px; height:22px; }
.modal-open { overflow:hidden; }
.modal-overlay { position:fixed; inset:0; z-index:80; display:flex; align-items:flex-end; justify-content:center; padding:14px 12px max(12px,env(safe-area-inset-bottom,0px)); background:#050a12bd; backdrop-filter:blur(5px); }
.modal-content { width:min(100%,456px); max-height:calc(100dvh - 32px); overflow:auto; background:#1d2631; border:1px solid #3a4859; border-radius:24px; padding:29px 23px 23px; position:relative; box-shadow:0 20px 60px #0005; }
.modal-content::before { content:""; position:absolute; top:10px; left:50%; transform:translateX(-50%); width:36px; height:4px; background:#4d5b6b; border-radius:4px; }
.modal-content h2 { margin-bottom:26px; font-size:21px; padding-inline-end:28px; }
.modal-content label { color:#d5dee8; font-size:13px; }
.modal-close { position:absolute; inset-inline-end:15px; top:23px; width:36px; height:36px; border:0; border-radius:50%; background:#2b3745; color:#bdccda; font-size:23px; line-height:1; }
.modal-input { margin-bottom:12px; direction:ltr; text-align:start; }
.modal-help { color:var(--muted); font-size:12px; line-height:1.9; margin:0 0 22px; }
.modal-actions { display:flex; gap:10px; margin-top:20px; }
.modal-actions .button { flex:1; }
#step-loading,#step-error,#step-success { padding:20px 0; text-align:center; }
#step-success { color:var(--color-success); }
#step-error { color:var(--color-error); }
#step-error .button,#step-success .button { margin-top:22px; }
.mini-app-gate { min-height:calc(100dvh - 160px); padding:48px 28px 36px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.gate-art { width:148px; height:148px; display:grid; place-items:center; position:relative; margin-bottom:35px; border:1px solid #2c4054; border-radius:50%; background:#1e2d3c; box-shadow:0 0 0 13px #20304340,0 0 0 26px #20304320; }
.gate-art .icon { width:57px; height:57px; color:#9acaff; }
.gate-art .mini-mark { position:absolute; bottom:1px; inset-inline-end:0; width:37px; height:37px; border:4px solid var(--canvas); border-radius:13px; font-size:14px; }
.mini-app-gate .eyebrow { color:#8bbbec; font-size:11px; font-weight:600; letter-spacing:1px; direction:ltr; margin-bottom:12px; }
.mini-app-gate h1 { font-size:27px; max-width:310px; line-height:1.5; }
.mini-app-gate > p:not(.eyebrow) { color:var(--muted); max-width:320px; font-size:13px; line-height:1.95; margin-top:15px; }
.mini-app-status { width:100%; border:1px solid #344a5e; background:#203142; border-radius:14px; padding:15px 14px; margin-top:30px !important; color:#c1ddf7 !important; font-size:12px !important; }
.footer { color:#7e8b99; text-align:center; font-size:10px; padding:17px 20px; letter-spacing:.4px; }
.authenticated .footer { display:none; }
.toast { position:fixed; z-index:100; width:max-content; max-width:min(420px,calc(100% - 32px)); left:50%; bottom:calc(95px + env(safe-area-inset-bottom,0px)); transform:translate(-50%,8px); padding:13px 17px; border:1px solid #4b5e73; border-radius:13px; color:#e2edf9; background:#273749; opacity:0; pointer-events:none; transition:opacity 160ms ease,transform 160ms var(--ease-out); }
.toast.visible { opacity:1; transform:translate(-50%,0); }
@media (hover:hover) and (pointer:fine) { .button-primary:hover { background:#8bc4fa; } .button-quiet:hover { background:#2b3b4e; } .language-menu a:hover { color:white; } }
@media (max-width:359px) { .topbar { padding-inline:14px; gap:9px; } .brand { font-size:16px; gap:7px; } .brand-mark { width:30px; height:30px; } .language-menu a { min-width:28px; } .icon-button { width:34px; } .mobile-content { padding-inline:14px; } .metric-card { padding:15px; } .account-status-tab { font-size:9px; } }
@media (min-width:481px) { .site-shell { border-inline:1px solid #262e38; } }
.payments-page { padding-bottom:90px; }
.payment-tabs { display:flex; gap:3px; padding:5px; border-radius:30px; background:#17222d; }
.payment-tabs button { flex:1; min-width:0; min-height:44px; padding:6px 2px; border:0; border-radius:24px; background:transparent; color:#9cb1c5; font:inherit; font-size:12px; }
.payment-tabs button[aria-pressed=true] { background:#29445d; color:#acd5ff; box-shadow:inset 0 0 0 2px #5684ac; }
.payment-tabs span { display:inline-block; padding:2px 7px; border-radius:20px; background:#678298; color:#0b1d2c; font-variant-numeric:tabular-nums; }
.payment-card { background:#17222d; padding:19px 16px; border-radius:22px; margin-block:15px; overflow-wrap:anywhere; }
.payment-card p,.payment-card small { color:#9cb1c5; }
.payment-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-block:8px; font-variant-numeric:tabular-nums; }
.payment-row strong { color:#f2f6fa; }
.payment-badge { padding:4px 8px; border-radius:5px; font-size:12px; background:#493d21; color:#ffe0a1; }
.payment-badge.completed { background:#174b3b; color:#87f1c4; }
.payment-badge.rejected { background:#4b2930; color:#ffafb5; }
.payment-empty { min-height:45dvh; display:grid; place-items:center; text-align:center; color:#b4c6d8; }
.payment-address { overflow-wrap:anywhere; user-select:all; }
.payment-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.payment-actions .button { flex:1 1 120px; }
.payment-account { display:grid; grid-template-columns:1fr auto; gap:8px; padding-block:14px; border-bottom:1px solid #35414d; }
.payment-card summary { padding-block:16px; cursor:pointer; }
.payment-sheet { position:fixed; inset:auto 0 0; margin:0 auto; width:min(100%,480px); max-width:100%; max-height:85dvh; padding:22px 20px calc(24px + env(safe-area-inset-bottom,0px)); border:1px solid #405367; border-radius:26px 26px 0 0; background:#1b2733; color:#f2f6fa; overflow-y:auto; }
.payment-sheet::backdrop { background:#0009; }
.payment-sheet header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.payment-sheet form,.payments-page .control-card { display:grid; gap:16px; }
.payment-sheet input,.payment-sheet select { width:100%; min-height:48px; font-size:16px; }
.payment-sheet label { display:grid; gap:10px; }
.payments-page .control-card label { display:grid; gap:10px; }
.payments-page .control-card input,.payment-sheet input,.payment-sheet select { box-sizing:border-box; width:100%; min-width:0; min-height:48px; padding:12px; border:1px solid #405367; border-radius:12px; background:#15212c; color:#f2f6fa; font:inherit; font-size:16px; }
.payments-page input:focus-visible,.payment-sheet select:focus-visible { outline:2px solid #8ac5fc; outline-offset:2px; }
.payment-sheet p { color:#adbed0; line-height:1.7; }
.payment-sheet button { min-height:44px; }
.workbench .control-card,.work-profile .control-card { margin-block:14px; }
.workbench summary,.owner-alerts summary,.work-profile summary { min-height:44px; padding-block:10px; cursor:pointer; }
.workbench form,.work-profile form,[data-budget-form] { display:grid; gap:14px; margin-block:12px; }
.workbench label,.work-profile label,[data-budget-form] label { display:grid; gap:8px; }
.workbench input,.workbench select,.work-profile input,.work-profile textarea,[data-budget-form] input,[data-budget-form] select { width:100%; min-width:0; min-height:44px; padding:10px; border:1px solid #405367; border-radius:12px; background:#15212c; color:#f2f6fa; font:inherit; font-size:16px; }
.workbench input:focus-visible,.workbench select:focus-visible,.work-profile textarea:focus-visible { outline:2px solid #8ac5fc; outline-offset:2px; }
.work-filter-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.work-profile .check-option,.workbench .check-option { display:flex; align-items:center; min-height:44px; overflow-wrap:anywhere; }
.work-profile input[type=checkbox],.payments-page .control-card input[type=checkbox] { width:20px; height:20px; min-height:20px; flex:none; }
.work-profile .control-card { padding:12px; }
.work-profile .owner-record { overflow-wrap:anywhere; }
.owner-alerts [data-alert-count] { display:inline-grid; place-items:center; min-width:24px; border-radius:20px; background:#2e4964; color:#c4e2ff; }
.workbench .payment-actions select { max-width:100%; min-width:0; }
.payment-address { display:block; }
.management-page .payment-actions select { min-height:44px; max-width:100%; padding:10px; border:1px solid #405367; border-radius:12px; background:#15212c; color:#f2f6fa; font:inherit; }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }