:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#172338;background:#f3f6fa;font-size:16px;--muted:#66758b;--line:#e5ebf2;--accent:#0e7669;--navy:#101d32}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #14b8a6}button{transition:background .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}h1,h2,h3,p{margin:0}h1{font-size:1.85rem;letter-spacing:-.05em}h2{font-size:1.15rem}h3{font-size:1rem}p{line-height:1.7}.muted{color:var(--muted)}.small{font-size:.875rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:228px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#c3cddd;padding:34px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 10px;color:white}.brandmark{width:39px;height:39px;background:#5eead4;color:#123d38;display:grid;place-items:center;border-radius:11px}.brand strong{font-size:1.45rem;letter-spacing:.12em}.brand small{display:block;font-size:.65rem;letter-spacing:.16em;color:#94a3b8;margin-top:3px}.nav-label{font-size:.75rem;letter-spacing:.15em;color:#8495ad;margin:46px 14px 16px}.nav{display:grid;gap:8px}.nav button{display:flex;align-items:center;gap:12px;background:none;border:0;color:#b7c4d7;padding:14px;border-radius:9px;font-size:.93rem;text-align:left}.nav button.active{background:#24374d;color:#85f1de}.nav button:hover{background:#1f3046}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar-bottom{margin-top:auto;padding:22px 13px 0;font-size:.8rem;color:#9aabc0;line-height:1.9}.local-tag{display:inline-block;padding:4px 9px;border:1px solid #43556c;border-radius:5px;color:#d4deea;margin-bottom:10px}.shell{min-width:0}.topbar{height:84px;background:#fff;border-bottom:1px solid var(--line);padding:0 40px;display:flex;justify-content:space-between;align-items:center;gap:16px}.breadcrumb{font-size:.875rem;color:var(--muted)}.breadcrumb b{font-weight:500;color:#273850}.account{display:flex;align-items:center;gap:12px;font-size:.875rem}.avatar{background:#e8eef6;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#52657d;font-weight:700}.demo-badge{padding:5px 10px;background:#e7f7f3;color:#13766b;border-radius:5px;font-size:.75rem;font-weight:600}.main{max-width:1410px;margin:auto;padding:34px 40px 50px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.page-head p{margin-top:8px;color:var(--muted);font-size:.9rem}.btn{border:1px solid #d8e2eb;background:#fff;border-radius:8px;padding:11px 16px;color:#34465c;font-size:.875rem;font-weight:600}.btn:hover{background:#f0f6f9}.btn.primary{background:var(--navy);color:white;border-color:var(--navy)}.btn.primary:hover{background:#263d58}.btn.teal{background:#0e7669;border-color:#0e7669;color:#fff}.btn.danger{color:#b44747}.notice{display:flex;gap:10px;align-items:flex-start;background:#eaf1f8;border:1px solid #dce7f1;color:#48627e;padding:12px 16px;border-radius:8px;font-size:.875rem;line-height:1.6;margin-bottom:25px}.notice .icon{width:18px;height:18px;margin-top:2px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:27px}.stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px 23px}.stat .label{display:flex;justify-content:space-between;color:var(--muted);font-size:.875rem}.stat .value{font-size:1.9rem;font-weight:600;margin-top:11px;letter-spacing:-.05em}.stat .sub{color:var(--muted);font-size:.8rem;margin-top:5px}.stat .icon{color:#8195a9}.workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(315px,.8fr);gap:23px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-pad{padding:25px}.section-title{display:flex;align-items:center;gap:9px;margin-bottom:19px}.step{background:#eef4f9;color:#5e7186;display:grid;place-items:center;width:25px;height:25px;border-radius:6px;font-size:.75rem;font-weight:700}.services{display:grid;grid-template-columns:1fr 1fr;gap:13px}.service{background:white;border:1px solid #dce5ed;border-radius:9px;padding:20px;text-align:left;position:relative;color:#243347;min-height:136px}.service.selected{border:2px solid #168e80;background:#f4fbf9;padding:19px}.service .symbol{width:37px;height:37px;display:grid;place-items:center;border-radius:8px;background:#ecf1f5;font-size:1.25rem;margin-bottom:12px}.service.claude .symbol{background:#f8eee7;color:#a75e3f}.service .service-name{display:block;font-size:1.05rem;font-weight:650}.service .desc{display:block;color:var(--muted);font-size:.8rem;margin-top:5px}.service .check{position:absolute;top:15px;right:15px;width:17px;height:17px;border:1px solid #c7d5df;border-radius:50%;color:transparent;font-size:12px;text-align:center}.service.selected .check{background:#0e7669;border-color:#0e7669;color:white}.divider{border:0;border-top:1px solid var(--line);margin:26px 0}.field-label{display:block;font-size:.875rem;font-weight:550;margin-bottom:9px}select,input{background:#fff;border:1px solid #d9e2ec;border-radius:8px;padding:12px;color:#26374b;width:100%;min-height:45px}.support-note{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--muted);font-size:.8rem;line-height:1.6}.quote{background:#f7f9fc;border:1px solid var(--line);border-radius:9px;padding:19px;margin-top:24px}.quote-top{display:flex;justify-content:space-between;align-items:center}.price{font-size:1.75rem;font-weight:650;letter-spacing:-.05em}.price small{font-size:.875rem;font-weight:400;letter-spacing:0;color:var(--muted)}.quote p{font-size:.8rem;color:var(--muted);margin-top:9px}.wide{width:100%;margin-top:17px;padding:14px}.receipt-head{background:var(--navy);color:white;padding:23px 25px;display:flex;justify-content:space-between;align-items:center}.receipt-head .small{color:#a5b8cf;margin-top:6px;font-size:.8rem}.receipt-head .icon{color:#79e2d2;width:26px;height:26px}.empty{text-align:center;padding:48px 20px 42px}.empty .empty-icon{width:62px;height:62px;display:grid;place-items:center;border:1px dashed #b7c9d8;color:#7590a5;border-radius:17px;margin:0 auto 22px}.empty .empty-icon .icon{width:27px;height:27px}.empty p{font-size:.875rem;color:var(--muted);margin-top:10px}.flow{display:flex;justify-content:space-between;font-size:.8rem;border-top:1px solid var(--line);padding:19px 25px;color:#75889d;background:#fbfcfd;gap:10px}.flow b{color:#0e7669;font-weight:500}.receipt-body{padding:24px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;font-size:.875rem}.status{display:inline-block;padding:5px 9px;border-radius:5px;background:#fff3d6;color:#96620c;font-size:.75rem;white-space:nowrap}.status.received,.status.finished{background:#e5f6ed;color:#28704e}.status.cancelled,.status.expired{background:#edf1f5;color:#637085}.number{font-size:1.6rem;letter-spacing:-.025em;margin:7px 0}.code-box{border:1px dashed #c5d9d1;background:#f3faf7;padding:20px 10px;text-align:center;border-radius:8px;margin:20px 0}.code-box .code{font-size:2.05rem;letter-spacing:.15em;font-weight:650;color:#11675c;margin:8px 0}.code-box p{font-size:.8rem;color:var(--muted)}.actions{display:flex;gap:9px;flex-wrap:wrap}.actions .btn{flex:1}.hint{font-size:.8rem;color:var(--muted);line-height:1.7;margin-top:14px}.table-panel{margin-top:25px}.table-head{padding:21px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px}.link-btn{background:none;border:none;color:#15776e;font-size:.875rem}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.875rem;text-align:left;white-space:nowrap}th{background:#f8fafc;color:#708197;font-size:.8rem;font-weight:500;padding:13px 23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:17px 23px;border-bottom:1px solid #f0f3f7}tr:last-child td{border-bottom:0}.table-empty{text-align:center;padding:30px;color:var(--muted);white-space:normal}.order-id{font-size:.8rem;color:#64768a}.footer{color:#7c8a9c;display:flex;justify-content:space-between;gap:12px;margin-top:27px;font-size:.75rem;line-height:1.7}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:23px}.calc{margin-top:21px;padding:17px;background:#f4f8fa;border-radius:8px;font-size:.875rem;line-height:1.9}.policy{line-height:1.8;font-size:.9rem;color:#57697e;margin:18px 0 0;padding-left:21px}.policy li{margin:9px 0}.pill{background:#eff3f7;color:#5e7084;padding:5px 9px;border-radius:5px;font-size:.75rem}.toast{position:fixed;bottom:28px;left:calc(50% + 90px);transform:translateX(-50%);background:#132b39;color:white;padding:14px 22px;border-radius:9px;box-shadow:0 8px 25px #162c3826;z-index:10;font-size:.9rem;max-width:90vw}.toast[hidden],section[hidden]{display:none}.top-up{font-size:.8rem;color:#10786c;border:0;background:#eaf8f3;padding:7px 10px;border-radius:6px;margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){.main{padding-top:44px}.workspace{grid-template-columns:1.25fr .75fr}.panel-pad{padding:29px}}
@media(max-width:1100px){.app{grid-template-columns:185px 1fr}.sidebar{padding:29px 13px}.topbar{padding:0 25px}.main{padding:28px 25px}.workspace{grid-template-columns:1fr}.receipt .empty{padding:29px 20px}.admin-grid{grid-template-columns:1fr}.toast{left:50%}.service{min-height:125px}}
@media(max-width:700px){.app{display:block}.sidebar{height:auto;position:static;padding:18px 18px 12px}.brand small,.nav-label,.sidebar-bottom{display:none}.brand strong{font-size:1.2rem}.brandmark{width:32px;height:32px}.nav{display:flex;margin-top:18px;gap:6px}.nav button{flex:1;padding:10px 6px;justify-content:center;font-size:.85rem;gap:6px}.nav button .icon{width:17px}.topbar{height:58px;padding:0 20px}.account .username,.breadcrumb span{display:none}.main{padding:24px 18px}.page-head{align-items:flex-start}.page-head .btn{font-size:.75rem;padding:9px 11px;white-space:nowrap}h1{font-size:1.5rem}.page-head p{font-size:.85rem}.stats{gap:9px}.stat{padding:15px 12px}.stat .label{font-size:.75rem}.stat .label .icon{display:none}.stat .value{font-size:1.4rem}.stat .sub{font-size:.75rem}.panel-pad{padding:20px}.service{padding:16px}.service.selected{padding:15px}.top-up{font-size:.75rem;padding:6px}.quote{padding:15px}.footer{display:block}.footer span{display:block}.notice{font-size:.8rem}.form-grid{grid-template-columns:1fr}.flow{padding:17px;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Searchable service catalog */
.service-search{display:flex;align-items:center;gap:6px;border:1px solid #d9e2ec;border-radius:8px;padding-right:8px;background:#fff}.service-search:focus-within{outline:2px solid #168e80;outline-offset:2px}.service-search input{border:0;outline:none!important;background:transparent;min-width:0}.service-search button{white-space:nowrap}.catalog-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.75rem;margin:12px 0}.services{display:flex;flex-direction:column;gap:0;max-height:326px;overflow:auto;border:1px solid #dce5ed;border-radius:9px;scrollbar-width:thin;scrollbar-color:#b8cec9 transparent}.service{display:flex;align-items:center;gap:12px;flex-shrink:0;border:0;border-bottom:1px solid #e7edf2;border-radius:0;min-height:77px;padding:14px 15px;width:100%}.service:last-child{border-bottom:0}.service.selected{border:0;border-bottom:1px solid #dcece7;padding:14px 15px;background:#eef9f5;box-shadow:inset 3px 0 #168e80}.service:focus-visible{outline-offset:-3px}.service:hover{background:#f4f8fa}.service .symbol{margin:0;width:37px;height:37px;flex-shrink:0;font-weight:650}.service-text{flex:1;min-width:0}.service .service-name{font-size:.95rem}.service .desc{font-size:.75rem;margin-top:4px}.service-price{text-align:right;white-space:nowrap;font-size:.95rem;font-weight:600}.service-price small{display:block;font-size:.75rem;color:var(--muted);font-family:inherit;font-weight:400;margin-top:4px}.service .check{position:static;flex-shrink:0}.catalog-empty{padding:32px 18px;text-align:center;color:var(--muted);font-size:.875rem;line-height:1.8}.quote-top{gap:12px}.quote-top .small{line-height:1.8}.quote-top .price{white-space:nowrap}@media(max-width:700px){.catalog-meta{font-size:.75rem;flex-wrap:wrap;gap:5px}.service,.service.selected{padding:13px 10px;gap:9px}.service .service-name{font-size:.875rem}.service .symbol{width:31px;height:31px;font-size:1rem}.service-price{font-size:.875rem}.service .check{width:15px;height:15px;line-height:14px}.services{max-height:320px}.quote-top{align-items:flex-start}.price{font-size:1.5rem}}
[hidden]{display:none!important}.auth-wrap{max-width:490px;margin:9vh auto;padding:0 20px}.auth-logo{display:flex;align-items:center;gap:12px;margin-bottom:29px;font-size:1.5rem;font-weight:700}.auth-card{padding:30px;background:white;border:1px solid var(--line);border-radius:15px}.auth-card h1{font-size:1.5rem}.auth-card p{margin:12px 0 22px;font-size:.875rem;color:var(--muted)}.auth-card label{display:block;margin:18px 0 8px;font-size:.875rem}.form-error{color:#ad3838;font-size:.875rem;line-height:1.7;margin-top:12px}.auth-switch{margin-top:17px;text-align:center}.app{align-items:start}.sidebar{align-self:start}.nav-label{margin-top:32px}.account-name{max-width:150px;overflow:hidden;text-overflow:ellipsis}.service.unavailable{opacity:.6}.catalog-error{padding:24px;line-height:1.7;color:#9b3b3b}.receipt-sticky{position:sticky;top:20px}.modal{max-width:500px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:14px;padding:28px;color:var(--navy);box-shadow:0 20px 70px #09182733}.modal::backdrop{background:#0a18276b}.modal h2{margin-bottom:20px}.modal .actions{margin-top:24px}.modal p{font-size:.9rem;color:var(--muted);margin-top:16px}.number{overflow-wrap:anywhere}.message-text{white-space:pre-wrap;text-align:left;overflow-wrap:anywhere;font-size:.9rem;line-height:1.6;padding:10px 0}.code-box .code{overflow-wrap:anywhere;font-size:1.65rem}.readiness{display:grid;gap:15px;margin-top:20px}.readiness .row{margin:0;align-items:flex-start}.state-good{color:#0e7669;background:#e4f5ee}.state-warn{color:#93600c;background:#fff1d6}.payment-grid{display:grid;grid-template-columns:1fr;gap:15px;margin-top:22px}.payment-card{padding:22px;border:1px solid var(--line);border-radius:10px}.payment-card .symbol{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:1.1rem;font-weight:650;margin-bottom:15px}.payment-card h3{margin-bottom:10px}.payment-card p{font-size:.8rem;color:var(--muted);margin:12px 0}.payment-card button{width:100%;margin-top:12px}.wallet-details{display:flex;align-items:center;gap:24px}.wallet-big{font-size:2.2rem;margin-top:10px}.account-form{max-width:480px}.account-form .field-label{margin-top:20px}.inline-check{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:.9rem}.inline-check input{width:18px;min-height:18px}.toolbar{display:flex;gap:10px;align-items:center}.pagination-note{padding:15px 24px;color:var(--muted);font-size:.8rem}.loading{text-align:center;padding:60px 20px;color:var(--muted)}.card-note{font-size:.85rem;color:var(--muted);line-height:1.7;margin-top:18px}.auth-footer{font-size:.8rem;line-height:1.8;color:var(--muted);text-align:center;margin:20px}.login-info{color:#62738b;font-size:.8rem}.nav button{white-space:nowrap}.nav button small{font-size:.7rem;background:#3c516d;color:#d5e8f6;padding:2px 5px;border-radius:3px}.review-callout{font-size:.875rem;line-height:1.7;background:#fff4dd;padding:12px;border-radius:7px;color:#895d10;margin-bottom:18px}.money-minus{color:#a44747}.money-plus{color:#0e7669}.admin-grid{align-items:start}.readiness a{color:#0e7669}.meta-chip{display:inline-block;padding:3px 7px;border-radius:4px;background:#edf3f8;color:#607087;font-size:.75rem;margin-right:6px}.status.review,.status.purchasing{background:#fef0d0;color:#976614}.status.failed{background:#f8e8e8;color:#a34343}pre{white-space:pre-wrap;word-break:break-word}.quote-top .small{min-width:0}.available-hint{font-size:.75rem;color:#62738b}.form-feedback{font-size:.85rem;margin-top:12px;line-height:1.6}.toast{max-width:calc(100vw - 30px);min-width:200px}.form-error:empty{display:none}.table-wrap table button{white-space:nowrap}
@media(max-width:700px){.nav{flex-wrap:wrap}.nav button{flex:1 1 28%;font-size:.8rem}.topbar{gap:8px}.account{gap:7px}.account-name{max-width:90px}.payment-grid{grid-template-columns:1fr}.payment-card{display:grid;grid-template-columns:45px 1fr;gap:8px 14px;align-items:center;padding:17px}.payment-card .symbol{margin:0;grid-row:span 2}.payment-card h3{margin:0}.payment-card p{margin:0}.payment-card button{grid-column:1/-1}.receipt-sticky{position:static}.auth-wrap{margin:5vh auto}.auth-card{padding:23px}.modal{padding:23px}.wallet-details{flex-wrap:wrap}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat .value{font-size:1.2rem;overflow-wrap:anywhere}.page-head p{max-width:250px}}

.recharge-input{max-width:220px}.payment-qr{display:block;width:280px;max-width:100%;margin:20px auto}.payment-card a{text-align:center}.payment-dialog .mono{overflow-wrap:anywhere}#payment-detail .mono{overflow-wrap:anywhere}

/* Shared local vector brand marks. */
.service .brand-tile,.brand-tile{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex:none;background:#fff;border:1px solid #e2e8ef;border-radius:11px;box-shadow:0 1px 2px #14273e08;overflow:hidden;vertical-align:middle}
.brand-tile img{display:block;width:27px;height:27px;object-fit:contain}.brand-tile.brand-claude{background:#d97757;border-color:#d97757}.brand-tile.brand-claude img{width:29px;height:29px}.brand-tile.compact{width:25px;height:25px;border-radius:7px;box-shadow:none}.brand-tile.compact img{width:18px;height:18px}.service-title,#selected-product{display:inline-flex;align-items:center;gap:8px}.service-title{line-height:1.4}.browser-hint{display:inline-flex;align-items:center;gap:6px}.browser-hint img{width:17px;height:17px;object-fit:contain}.footer{flex-wrap:wrap;gap:12px}
@media(max-width:700px){.service .brand-tile{width:34px;height:34px;border-radius:9px}.service .brand-tile img{width:23px;height:23px}.service .brand-tile.brand-claude img{width:25px;height:25px}}


/* Calm, distinct surfaces with one action accent. */
:root{background:#edf1f5;color:#1d2b3d;--muted:#56677c;--line:#d5dee7;--accent:#0e7669;--navy:#142337}
.topbar{height:72px;border-bottom-color:#d5dee7}
.main{padding-top:28px}
h1{font-size:1.7rem;letter-spacing:-.035em}
h2{font-size:1.05rem;font-weight:650}
.page-head{margin-bottom:20px}.page-head p{margin-top:6px}
.panel,.stat,.auth-card{border-color:var(--line);box-shadow:0 2px 5px #172b4205}
.panel{border-radius:12px}.panel-pad>h2{padding-bottom:15px;border-bottom:1px solid var(--line)}
.notice{background:#e5edf4;border-color:#cddbe7;color:#405b73;margin-bottom:20px}
.stats{margin-bottom:22px;gap:16px}.stat{padding:18px 21px;border-radius:10px}
.stat .label{color:#52647a}.stat .value{font-size:1.75rem;color:#1d2b3d}
.stat .sub{color:#5b6d81}.stat:first-child{border-top:3px solid #0e7669;padding-top:16px}
.workspace{gap:22px}.section-title{margin-bottom:16px}
.step{background:#e0eee9;color:#166253;width:27px;height:27px;border:1px solid #c7ddd5}
.service-section,.region-section{padding:23px 24px}
.region-section{border-top:1px solid var(--line);background:#f7f9fb}
.purchase-section{padding:20px 24px 24px;border-top:1px solid #cadcd6;background:#edf5f2}
.service-search{background:#f7f9fb;border-color:#c9d5e1}
input,select{border-color:#c4d0dc}.field-label{color:#34485e;font-weight:600}
input:hover,select:hover{border-color:#8ca9b9}
.services{border-color:#cbd7e1;max-height:304px;scrollbar-color:#93b2ab #f3f6f8}
.catalog-meta{color:#586b7e;margin:11px 0}
.service{border-bottom-color:#e0e7ee;min-height:72px;padding:12px 14px}
.service.selected{padding:12px 14px;background:#e6f3ed;box-shadow:inset 4px 0 #0e7669;border-bottom-color:#c8dfd6}
.service:hover:not(.selected){background:#f0f4f7}.service.selected:hover{background:#deefe7}
.service.selected .service-name,.service.selected .service-price{color:#105c50}
.service .desc,.service-price small{color:#586b7c}
.service .check{border-color:#a7bac8}.service.unavailable{opacity:1;color:#66758b;background:#f7f8fa}
.service.unavailable .brand-tile{opacity:.65}
.purchase-section .quote{margin:0;padding:0;background:transparent;border:0;border-radius:0}
.purchase-section .price{color:#0e6558}.purchase-section .quote p{color:#51695f}
#buy{background:var(--accent);border-color:var(--accent);color:white;margin-top:16px}
#buy:hover:not(:disabled),.btn.teal:hover:not(:disabled){background:#095e54;border-color:#095e54}
.btn{border-color:#c6d2dd}.btn:hover:not(:disabled){background:#eaf0f5}
.btn.teal:hover:not(:disabled){color:white}.btn.primary:hover:not(:disabled){background:#263d58}
button:disabled{opacity:1;color:#66758b;background:#e7ecf1;border-color:#d4dde5}
#buy:disabled{background:#e1e9e5;border-color:#cbd9d2;color:#587266}
.receipt{border-color:#bfcddb}.receipt-head{background:#20364b;padding:21px 24px}
.receipt-head .small{color:#c1d0df}.flow{background:#edf2f6;color:#52677c;border-top-color:#d1dce5}
.empty{padding:43px 20px}.empty .empty-icon{background:#f0f5f8;border-style:solid;border-color:#c5d4df;color:#57778c}
.code-box{background:#e9f5ef;border:1px solid #bedbcf}.code-box p{color:#526b61}
.table-head{background:#f8fafc;border-bottom:1px solid var(--line);padding:19px 24px}
th{background:#eaf0f5;color:#465c72;font-weight:600;border-top:0}
td{border-bottom-color:#e0e7ee}tbody tr:hover{background:#f5f8fa}
.nav button.active,.nav button.active:hover{background:#254941;color:#dbfaf0;box-shadow:inset 3px 0 #5eead4}
.nav button{color:#c4cfdd}.nav-label{color:#9baec4;letter-spacing:.08em}
.sidebar-bottom{border-top:1px solid #324357;padding-top:18px;color:#aebed0}
.status,.pill{font-weight:550}.state-good,.status.received,.status.finished{background:#e1f0e8;color:#246146}
.state-warn,.status.waiting,.status.review,.status.purchasing{background:#fff0d4;color:#815610}
.pill{border:1px solid #dce4ec}.pill.state-good{border-color:#c6dfd1}.pill.state-warn{border-color:#ecd5a7}
.readiness{gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.readiness .row{padding:13px 14px;background:#f7f9fb;align-items:center;border-bottom:1px solid #dde5ec}
.readiness .row:last-child{border-bottom:0}.readiness .row:nth-child(even){background:#fff}
.payment-card{background:#f7f9fc;border-color:#cbd8e7}.wallet-details{padding:18px;background:#edf5f2;border:1px solid #d0e2d9;border-radius:9px}
.footer{color:#586b7e}.link-btn{color:#0c7063;font-weight:550}.modal::backdrop{background:#10223780}
@media(min-width:1500px){.main{padding-top:32px}}
@media(max-width:700px){
 .topbar{height:60px}.main{padding:22px 16px}.page-head{gap:10px}h1{font-size:1.45rem}
 .stat{padding:14px 10px}.stat:first-child{padding-top:12px}.stat .value{font-size:1.15rem}
 .stats{gap:8px}.service-section,.region-section{padding:19px 17px}.purchase-section{padding:18px 17px}
 .service,.service.selected{padding:12px 10px}.services{max-height:290px}
 .receipt-head{padding:20px}.table-head{padding:18px}.wallet-details{padding:16px}
 .sidebar-bottom{display:none}.readiness .row{padding:12px}.panel-pad>h2{padding-bottom:13px}
}
#exchange-form .field-label{margin-top:17px}
@media(max-width:700px){
 .topbar .account-name{display:none}
 .topbar .account{flex-shrink:0;gap:10px}
 .topbar .demo-badge,.topbar #logout{white-space:nowrap}
 .breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:.8rem}
}
/* Full catalog: exact upstream marks and searchable country list. */
.brand-initials{font-size:.85rem;font-weight:700;color:#52677c;letter-spacing:.02em}
.brand-tile.compact .brand-initials{font-size:.65rem}
.brand-tile.compact .catalog-brand{transform:scale(.75)}
.country-selected{display:flex;align-items:center;gap:9px;padding:0 0 15px;font-size:.875rem}
.country-selected .country-flag{border-radius:50%;box-shadow:0 0 0 1px #d2dde5;transform:scale(.8)}
#country{height:164px;padding:5px;overflow-y:auto;scrollbar-width:thin;background:white}
#country option{padding:8px 10px;border-radius:5px;font-size:.875rem;line-height:1.5}
#country option:checked{background:linear-gradient(#e3f1eb,#e3f1eb);color:#125f52;font-weight:600}
#country option:hover{background:#edf3f7}
.service .service-name{overflow-wrap:anywhere;line-height:1.4}
.service .service-text{overflow:hidden}.catalog-brand{max-width:24px}

/* Operator comparisons: same teal and slate palette as the ordering flow. */
.operator-section{padding:23px 24px;border-top:1px solid var(--line);background:#fff}
.operator-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.operator-toolbar select{width:auto;max-width:155px;padding:7px 9px;font-size:12px;flex:none}
.operator-toolbar>span{overflow-wrap:anywhere}
#operator-list{max-height:350px;overflow:auto;border:1px solid var(--line);border-radius:12px}
.operator-card{padding:14px 16px;border-bottom:1px solid var(--line)}.operator-card:last-child{border-bottom:0}
.operator-main,.operator-metrics{display:flex;justify-content:space-between;gap:10px;align-items:center}
.operator-main{font-size:14px}.operator-price{text-align:right;font-weight:750}.operator-price small{display:block;font-family:inherit;color:var(--muted);font-size:10px;font-weight:400;margin-top:3px}
.operator-metrics{margin-top:9px;font-size:12px;color:var(--muted);flex-wrap:wrap}.operator-rate{color:#08786d;font-variant-numeric:tabular-nums}.operator-rate.muted{color:var(--muted);font-weight:500}.operator-stock{color:#426c64}.operator-unavailable{background:#f7f9fb}.operator-unavailable .operator-stock{color:var(--muted)}
.operator-auto{margin-top:12px;border:1px solid #b8d9d3;border-radius:10px;padding:13px 16px;background:#eff8f5}.operator-auto p,.operator-help p{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 0}
.operator-empty{font-size:13px;color:var(--muted);padding:16px;margin:0;line-height:1.7}.operator-help{margin-top:13px;font-size:12px;color:var(--muted)}.operator-help summary{cursor:pointer;color:#446c72}.operator-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;margin-top:12px}
@media(max-width:600px){.operator-section{padding:19px 17px}.operator-card{padding:13px 12px}.operator-toolbar{align-items:flex-start}.operator-toolbar select{max-width:135px}}

.operator-card.operator-selected,.operator-auto.operator-selected{background:#edf8f4;box-shadow:inset 3px 0 #0b8274}.operator-choose{display:block;margin-top:10px;margin-left:auto;border:1px solid #a9cfc7;border-radius:7px;background:white;color:#126d61;padding:6px 11px;font-size:12px;cursor:pointer}.operator-choose[aria-pressed="true"]{background:#0c786b;color:white;border-color:#0c786b}.operator-choose:disabled{color:#8a97a5;background:#f0f3f6;border-color:#dbe2e9;cursor:not-allowed}.selected-operator{display:block;font-size:12px;color:var(--muted);margin:6px 0}

/* Unified selection controls, independent of OS select styling. */
.service-section,.region-section,.operator-section{padding:24px;background:#fff}.region-section{background:#f8fafb}.section-title{margin-bottom:16px}.section-title h2{letter-spacing:.015em}
.selection-summary{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 13px;margin:0 0 15px;border:1px solid #d3e7e1;background:#f0f8f5;border-radius:10px;min-width:0}.selection-summary>span:not(.selection-status){min-width:0}.selection-summary small{display:block;font-size:10px;font-weight:500;color:#627b74;line-height:1.5}.selection-summary strong{display:block;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.selection-status{margin-left:auto;color:#177468;font-size:11px;white-space:nowrap}.selection-indicator{background:#167c6d;color:#fff;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;flex:none;font-size:12px}
.service-search{background:#fff;border-radius:10px;padding-left:5px;box-shadow:0 1px 2px #172b4203}.service-search input{font-size:13px;min-height:45px}.service-search:focus-within{outline:2px solid #7bbcaf;outline-offset:1px}
.selector-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.segmented{display:flex;gap:3px;padding:4px;border:1px solid #dfe6ed;background:#f1f4f7;border-radius:9px}.segmented button{border:0;border-radius:6px;background:transparent;color:#647487;padding:8px 12px;font-size:12px;line-height:1.35;white-space:nowrap;min-height:34px}.segmented button[aria-pressed="true"]{background:#fff;color:#126f63;box-shadow:0 1px 4px #172b4214;font-weight:650}.segmented button:hover{color:#126f63;background:#e8f2ee}.stock-toggle{display:flex;align-items:center;gap:7px;font-size:12px;color:#596d80;white-space:nowrap;cursor:pointer}.stock-toggle input{width:15px;height:15px;min-height:15px;margin:0;accent-color:#0e7669}
.services{max-height:382px;border-color:#dde5ec;border-radius:11px;background:#fff}.service,.service.selected{min-height:76px;padding:13px 14px;gap:12px}.service:nth-child(even){background:#fff}.service:hover{background:#f3f7f8}.service.selected,.service.selected:hover{background:#eaf6f1;box-shadow:inset 3px 0 #118370}.service.unavailable{opacity:1;background:#f8fafc}.service.unavailable .service-name,.service.unavailable .service-price{color:#7b8999}.service .desc{color:#788797;font-size:11px}.service .service-name{font-size:14px;font-weight:600}.service .service-price{font-size:14px}.service-price small{font-size:10px}.catalog-meta{font-size:11px;margin:12px 1px 10px;color:#718195}
.country-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:284px;overflow:auto;padding:4px;scrollbar-width:thin;scrollbar-color:#bfd0cb transparent}.country-option{display:flex;align-items:center;gap:8px;text-align:left;min-width:0;min-height:62px;border:1px solid #dce5ec;border-radius:9px;background:#fff;padding:9px 10px;color:#304054}.country-option:hover{background:#f0f6f4;border-color:#b7d4cb}.country-option.selected{background:#eaf6f0;border-color:#66ad9b;box-shadow:inset 0 0 0 1px #66ad9b}.country-text{flex:1;min-width:0}.country-text strong{display:block;font-size:13px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.country-text small{display:block;font-size:10px;color:#78899a;margin-top:4px;letter-spacing:.02em}.choice-check{width:15px;height:15px;border:1px solid #cbd8e1;border-radius:50%;flex:none;color:transparent;text-align:center;font-size:11px;line-height:13px}.selected .choice-check{color:#fff;background:#118370;border-color:#118370}.country-grid .catalog-empty{grid-column:1/-1}.country-option .country-flag{transform:scale(.78);margin:-3px;flex:none}
.operator-toolbar{display:block;margin-bottom:12px}.operator-toolbar>span{display:block;font-size:12px;margin-bottom:12px}.operator-toolbar .segmented{width:100%}.operator-toolbar .segmented button{flex:1;padding:9px 8px}.operator-section .selection-summary{margin-top:13px}.operator-card{padding:15px 16px}.operator-card.operator-selected{box-shadow:inset 3px 0 #118370;background:#eaf6f1}.operator-choose{min-height:34px;border-radius:7px;font-size:11px}.operator-auto{background:#f5faf8}.operator-main{font-size:13px}.operator-metrics{font-size:11px;gap:8px}.operator-rate{font-size:13px}.operator-help summary{padding:5px 0}.operator-footer .link-btn{font-size:12px;min-height:36px}
#selected-product{flex-wrap:wrap}.selected-operator{flex-basis:100%;margin-top:2px}
@media(max-width:700px){.service-section,.region-section,.operator-section{padding:20px 16px}.selector-tools{gap:8px}.segmented button{padding:8px 10px;font-size:11px}.stock-toggle{font-size:11px;gap:5px}.service,.service.selected{padding:13px 10px;gap:8px}.service .service-name{font-size:13px}.service-price{font-size:13px!important}.service .desc{font-size:10px}.service .check{width:14px;height:14px}.country-option{padding:9px 7px;gap:6px}.country-text strong{font-size:12px}.country-option .choice-check{display:none}.country-grid{gap:7px}.operator-card{padding:14px 12px}}
@media(max-width:360px){.selector-tools{align-items:flex-start;flex-direction:column}.country-grid{grid-template-columns:1fr}}

.refund-feedback{margin:16px 0;padding:15px;border:1px solid;border-radius:10px;line-height:1.6}.refund-feedback strong{display:flex;align-items:center;gap:8px;font-size:14px}.refund-feedback p{font-size:12px;margin-top:6px}.refund-feedback.success{background:#eaf7ef;border-color:#acd9bf;color:#196c48}.refund-feedback.pending{background:#fff8e9;border-color:#edd59d;color:#87611d}.small-spinner{display:inline-block;width:14px;height:14px;border:2px solid #ddc58f;border-top-color:#87611d;border-radius:50%;animation:refund-spin .8s linear infinite}@keyframes refund-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.small-spinner{animation:none}}

.refund-label{color:#19724f;margin-top:6px}