:root{--ink:#11140f;--paper:#f3f1e9;--panel:#fbfaf5;--line:#d8d5ca;--acid:#c7ff3d;--orange:#ff5c35;--muted:#696d63;--nav:238px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Bahnschrift","Aptos Display","Trebuchet MS",sans-serif;min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--nav);background:var(--ink);color:white;z-index:10;padding:24px 18px;display:flex;flex-direction:column;border-right:1px solid #2a2f27}.brand{color:white;text-decoration:none;display:flex;align-items:center;gap:12px;padding:2px 6px 34px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--acid);color:var(--ink);font-weight:900;font-size:22px;transform:skew(-7deg)}.brand b{display:block;letter-spacing:.07em;font-size:15px}.brand small{color:#858b80;font-size:8px;letter-spacing:.22em}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{border:0;background:transparent;color:#939990;text-align:left;padding:13px 12px;font:600 13px inherit;cursor:pointer;border-left:2px solid transparent;transition:.2s}.sidebar nav button span{display:inline-block;width:34px;color:#c8cec3;font-size:16px}.sidebar nav button:hover,.sidebar nav button.active{color:white;background:#1c211a;border-color:var(--acid)}.sidebar nav button.active span{color:var(--acid)}.sidebar-foot{margin-top:auto;border-top:1px solid #2b3028;padding-top:18px}.network-status{font-size:11px;color:#aeb4a9;display:flex;align-items:center;gap:9px;margin:0 7px 14px}.network-status i{width:7px;height:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 10px var(--acid)}button{font-family:inherit}.shell{margin-left:var(--nav);min-height:100vh}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;background:rgba(243,241,233,.9);backdrop-filter:blur(14px);z-index:8}.ticker{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.07em;color:var(--muted);overflow:hidden}.ticker span{background:var(--orange);color:white;padding:5px 7px;font-weight:800}.account-area{display:flex;gap:9px}.balance-chip,.account-btn{border:1px solid var(--line);background:var(--panel);height:44px;cursor:pointer}.balance-chip{padding:5px 14px;text-align:right}.balance-chip small{display:block;color:var(--muted);font-size:8px;letter-spacing:.13em}.balance-chip strong{font-size:13px}.account-btn{display:flex;align-items:center;gap:9px;padding:5px 12px 5px 5px;font-weight:700}.account-btn>span:first-child{display:grid;place-items:center;width:32px;height:32px;background:var(--ink);color:var(--acid)}.mobile-brand{display:none;border:0;background:none}.page{display:none;padding:48px 46px 80px;max-width:1500px;margin:auto}.page.active{display:block;animation:pageIn .35s ease both}@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero{min-height:590px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:55px;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:.23em;font-weight:800;color:var(--orange);margin:0 0 20px}.hero h1,.page-heading h1{font-family:Georgia,serif;font-weight:400}.hero h1{font-size:clamp(47px,5.2vw,78px);line-height:.98;letter-spacing:-.055em;margin:0}.hero h1 em{font-weight:400;color:var(--muted)}.hero-lead{font-size:16px;line-height:1.7;max-width:600px;color:var(--muted);margin:28px 0}.hero-actions{display:flex;gap:10px}.primary,.ghost{border:1px solid var(--ink);padding:13px 18px;font-weight:800;cursor:pointer;transition:.18s}.primary{background:var(--ink);color:white}.primary:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-2px)}.primary span{color:var(--acid);margin-left:12px}.ghost{background:transparent;color:var(--ink)}.ghost:hover{background:var(--ink);color:white}.ghost.small{border-color:#353b32;color:#aeb4a9;width:100%;padding:10px;font-size:10px}.wide{width:100%}.signal-card{background:var(--ink);color:white;min-height:430px;padding:24px;display:flex;flex-direction:column;clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,0 100%)}.signal-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em}.signal-head b{color:var(--acid)}.radar{position:relative;height:270px;display:grid;place-items:center;overflow:hidden}.orbit{position:absolute;border:1px solid #363c33;border-radius:50%}.o1{width:90px;height:90px}.o2{width:170px;height:170px}.o3{width:250px;height:250px}.radar:after{content:"";position:absolute;width:120px;height:120px;background:conic-gradient(from 10deg,var(--acid),transparent 32%);opacity:.2;border-radius:50%;animation:sweep 3s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.radar i{width:11px;height:11px;background:var(--acid);border-radius:50%;box-shadow:0 0 24px 5px #c7ff3d77;z-index:2}.metric-grid{border-top:1px solid #343a31;display:grid;grid-template-columns:repeat(3,1fr);padding-top:20px}.metric-grid div+div{border-left:1px solid #343a31;padding-left:16px}.metric-grid strong{display:block;font-size:18px}.metric-grid small{font-size:8px;color:#7f867a;letter-spacing:.12em}.section-title{display:flex;gap:20px;align-items:flex-start;margin:58px 0 25px}.section-title>span{border:1px solid var(--ink);font-size:10px;padding:5px}.section-title p{margin:0;font-size:9px;letter-spacing:.2em;color:var(--muted)}.section-title h2{margin:4px 0 0;font:400 28px Georgia,serif}.section-title.compact{margin-top:50px}.feature-grid,.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-card,.product-card{border:1px solid var(--line);background:var(--panel);padding:28px;position:relative;overflow:hidden}.feature-card{min-height:250px}.feature-card.accent{background:var(--acid);border-color:var(--ink)}.feature-card .index{font:italic 42px Georgia;color:#d1cec3}.feature-card.accent .index{color:#8fb929}.feature-card h3{font:400 24px Georgia;margin:25px 0 12px}.feature-card p{color:var(--muted);line-height:1.6;font-size:13px}.feature-card button{border:0;background:none;padding:0;font-weight:800;position:absolute;bottom:28px;cursor:pointer}.reveal{animation:reveal .65s ease both}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.24s}@keyframes reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.page-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:28px}.page-heading .eyebrow{margin-bottom:8px}.page-heading h1{font-size:52px;margin:0;letter-spacing:-.04em}.page-heading>p{max-width:390px;color:var(--muted);font-size:13px;line-height:1.6}.tabs{display:flex;margin-bottom:22px}.tabs button{padding:11px 20px;border:1px solid var(--line);background:transparent;font-weight:800;cursor:pointer}.tabs button.active{background:var(--ink);color:white;border-color:var(--ink)}.product-card{min-height:330px;display:flex;flex-direction:column}.product-card:before{content:"";position:absolute;right:-32px;top:-32px;width:95px;height:95px;border:1px solid var(--line);transform:rotate(45deg)}.product-card .product-tag{font-size:9px;letter-spacing:.15em;color:var(--orange);font-weight:800}.product-card h3{font:400 25px Georgia;margin:35px 0 8px}.product-card p{color:var(--muted);font-size:13px;line-height:1.5}.product-card ul{padding:0;list-style:none;font-size:12px;color:var(--muted);line-height:1.9}.product-card ul li:before{content:"+";color:var(--orange);margin-right:8px}.product-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:auto;border-top:1px solid var(--line);padding-top:20px}.product-price small{display:block;font-size:9px;color:var(--muted)}.product-price strong{font-size:23px}.product-bottom button{padding:10px 14px}.empty-panel{border:1px dashed #b9b6aa;min-height:350px;display:grid;place-items:center;align-content:center;text-align:center}.empty-panel>span{font-size:38px;color:#aaa}.empty-panel h3{font:400 25px Georgia;margin:14px 0 5px}.empty-panel p{color:var(--muted);margin:0 0 20px}.order-list{display:grid;gap:10px}.order-card{background:var(--panel);border:1px solid var(--line);padding:20px;display:grid;grid-template-columns:1fr auto;gap:16px}.order-meta{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted)}.status{padding:4px 7px;background:#e6f8bd;color:#47620a;font-size:9px;font-weight:900}.order-card h3{font:400 22px Georgia;margin:13px 0}.order-card pre{white-space:pre-wrap;word-break:break-all;background:var(--ink);color:#bfe73c;padding:13px;font:11px Consolas,monospace;max-height:190px;overflow:auto}.order-price{text-align:right}.order-price strong{font-size:20px}.order-price small{display:block;color:var(--muted)}.wallet-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px}.wallet-card{background:var(--ink);color:white;min-height:300px;padding:35px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.wallet-card:after{content:"Xu";position:absolute;right:-15px;bottom:-70px;color:#252b22;font:260px Georgia}.wallet-card small{letter-spacing:.18em;color:#8c9387;z-index:1}.wallet-card strong{font:400 48px Georgia;color:var(--acid);margin:15px 0;z-index:1}.wallet-card p{color:#969d91;z-index:1}.deposit-card{border:1px solid var(--line);background:var(--panel);padding:34px}.deposit-card h2{font:400 27px Georgia;margin-top:0}.deposit-card>label,.auth-form label{display:block;font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--muted);margin:20px 0 7px}.money-input{display:flex;border:1px solid var(--line);background:white;align-items:center}.money-input input{border:0;width:100%;font:600 25px inherit;padding:15px;outline:0}.money-input span{padding:15px;color:var(--muted);font-size:12px}.quick-money{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0 22px}.quick-money button{border:1px solid var(--line);background:white;padding:9px;cursor:pointer}.quick-money button:hover{border-color:var(--ink)}.form-note{font-size:10px;color:var(--muted);text-align:center}.table-wrap{overflow:auto;border:1px solid var(--line);background:var(--panel)}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:15px;text-align:left;border-bottom:1px solid var(--line)}th{font-size:9px;letter-spacing:.13em;color:var(--muted);background:#ebe9e0}td strong{font-size:13px}.amount-control{display:flex;gap:5px}.amount-control input{width:120px;padding:8px;border:1px solid var(--line)}.amount-control button{border:0;background:var(--ink);color:white;padding:8px 10px;cursor:pointer}.api-layout{display:grid;grid-template-columns:180px 1fr;gap:14px}.api-nav{display:flex;flex-direction:column}.api-nav button{text-align:left;border:0;border-left:2px solid var(--line);padding:14px;background:none;cursor:pointer;font-weight:700;color:var(--muted)}.api-nav button.active{border-color:var(--orange);color:var(--ink)}.code-panel{background:var(--ink);color:white;padding:32px;min-height:410px}.code-panel>.method{display:inline-block;background:var(--acid);color:var(--ink);padding:5px 7px;font-size:9px;font-weight:900;margin-right:8px}.code-panel>.method.orange{background:var(--orange);color:white}.code-panel>code{color:#9da397;font:12px Consolas}.code-panel h3{font:400 28px Georgia;margin:32px 0 15px}.code-panel pre{background:#090b08;border:1px solid #30352d;padding:22px;line-height:1.8;color:#d4d8d0;overflow:auto}.code-panel pre span{color:var(--acid)}.code-panel p{color:#a2a89d;line-height:1.7}.modal{border:0;padding:0;background:var(--panel);color:var(--ink);box-shadow:0 30px 90px #0005;max-width:900px;width:calc(100% - 30px)}.modal::backdrop{background:#10130fca;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:27px;z-index:2;cursor:pointer}.auth-modal{grid-template-columns:.8fr 1.2fr}.auth-modal[open]{display:grid}.auth-art{background:var(--ink);color:white;min-height:500px;padding:35px;display:flex;flex-direction:column;justify-content:space-between}.auth-art>span{display:grid;place-items:center;width:65px;height:65px;background:var(--acid);color:var(--ink);font:900 38px inherit;transform:skew(-7deg)}.auth-art p{font:400 28px Georgia;line-height:1.2;color:#c8cdc4}.auth-form{padding:52px}.auth-form h2,.buy-head h2{font:400 35px Georgia;margin:0}.auth-form input,.buy-modal input,.buy-modal select{width:100%;border:1px solid var(--line);background:white;padding:13px;outline:0;font:14px inherit}.auth-form input:focus,.buy-modal input:focus,.buy-modal select:focus{border-color:var(--ink)}.auth-form .primary{margin-top:22px}.text-btn{border:0;background:none;margin-top:18px;cursor:pointer;color:var(--muted)}.demo-hint{margin-top:25px;font-size:10px;color:#9a9d95}.buy-modal{max-width:620px;padding:38px}.buy-head{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px}.buy-head .eyebrow{margin-bottom:7px}.buy-head>p:last-child{color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.buy-modal label{font-size:10px;letter-spacing:.08em;font-weight:800;color:var(--muted);display:block;margin-bottom:12px}.buy-modal label input,.buy-modal label select{margin-top:7px}.checkout-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:15px;padding:20px 0}.checkout-total strong{font:400 28px Georgia}.toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:white;padding:14px 18px;z-index:40;transform:translateY(100px);opacity:0;transition:.25s;max-width:360px;border-left:4px solid var(--acid);font-size:13px}.toast.show{transform:none;opacity:1}.toast.error{border-color:var(--orange)}.hidden{display:none!important}.mobile-nav{display:none}
@media(max-width:1050px){:root{--nav:190px}.page{padding:38px 28px}.topbar{padding:0 25px}.hero{grid-template-columns:1fr;gap:25px;padding:45px 0}.signal-card{min-height:350px}.feature-grid,.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{display:none}.shell{margin:0}.topbar{height:64px;padding:0 14px}.mobile-brand{display:block}.ticker{display:none}.page{padding:28px 15px 95px}.hero{min-height:auto;padding:20px 0 45px}.hero h1{font-size:43px}.hero-actions{flex-direction:column}.signal-card{min-height:330px}.feature-grid,.product-grid,.wallet-layout{grid-template-columns:1fr}.feature-card{min-height:230px}.page-heading{align-items:flex-start}.page-heading h1{font-size:40px}.page-heading>p{display:none}.mobile-nav{display:grid;position:fixed;bottom:0;left:0;right:0;grid-template-columns:repeat(4,1fr);background:var(--ink);z-index:12}.mobile-nav button{border:0;background:none;color:white;padding:10px 3px;font-size:18px}.mobile-nav small{display:block;font-size:8px;color:#8e9589}.auth-modal[open]{grid-template-columns:1fr}.auth-art{display:none}.auth-form{padding:45px 25px}.buy-modal{padding:32px 20px}.api-layout{grid-template-columns:1fr}.api-nav{flex-direction:row;overflow:auto}.api-nav button{border-left:0;border-bottom:2px solid var(--line);white-space:nowrap}.order-card{grid-template-columns:1fr}.order-price{text-align:left}.form-grid{grid-template-columns:1fr}.quick-money{grid-template-columns:repeat(2,1fr)}.account-btn #accountLabel{display:none}}

/* Purchase screen: dashboard layout inspired by the referenced proxy market. */
:root{--market-blue:#1377d4;--market-deep:#0f64b7;--market-bg:#f4f7fb;--market-text:#334155;--market-line:#e3e9f1;--market-soft:#f8fbff}
body{background:var(--market-bg);font-family:"Segoe UI",Tahoma,sans-serif;color:var(--market-text)}.noise{display:none}.sidebar{width:244px;background:#fff;color:var(--market-text);border-right:1px solid var(--market-line);box-shadow:0 2px 14px #1d3e6720;padding:0}.brand{color:var(--market-blue);gap:10px;padding:20px 22px 25px;border-bottom:1px solid var(--market-line)}.brand-mark{background:linear-gradient(145deg,#2497ee,#1165be);color:#fff;width:39px;height:39px;border-radius:7px;transform:none;font-size:19px}.brand b{font-size:15px;letter-spacing:.02em;color:#166fca}.brand small{color:#8d9cae;letter-spacing:.12em}.sidebar nav{padding:16px 12px;gap:3px}.sidebar nav button{color:#607083;border-left:0;border-radius:6px;padding:12px 13px;font-weight:600}.sidebar nav button span{color:#6d87a6;width:30px}.sidebar nav button:hover,.sidebar nav button.active{background:#e8f3ff;color:#1674ce;border-left:0}.sidebar nav button.active span{color:#1674ce}.sidebar-foot{border-top:1px solid var(--market-line);padding:18px 18px;margin-top:auto}.network-status{color:#6b7b8f}.network-status i{background:#22c55e;box-shadow:none}.ghost.small{border-color:#d9e3ed;color:#607083}.shell{margin-left:244px}.topbar{height:70px;background:linear-gradient(105deg,#1685df,#1269bf);border:0;padding:0 30px;color:#fff;box-shadow:0 2px 10px #155aa634}.ticker{color:#eaf6ff;font-size:12px;letter-spacing:.02em}.ticker span{background:#f4b300;border-radius:3px}.account-btn{border:1px solid #ffffff50;background:#ffffff18;color:#fff;border-radius:5px;height:40px}.account-btn>span:first-child{background:#fff;color:#1674ce;border-radius:50%}.balance-chip{border:1px solid #ffffff50;background:#ffffff18;color:#fff;border-radius:5px}.balance-chip small{color:#d9efff}.page{max-width:1600px;padding:26px 30px 70px}.page-heading{background:#fff;border:1px solid var(--market-line);border-radius:7px;padding:20px 22px;margin-bottom:16px}.page-heading h1{font:700 25px "Segoe UI",Tahoma,sans-serif;letter-spacing:0;color:#34495e}.page-heading .eyebrow{color:#1682da;font-size:9px}.page-heading>p{font-size:12px}.tabs{background:#fff;border:1px solid var(--market-line);padding:8px;border-radius:7px;margin-bottom:16px}.tabs button{border:0;border-radius:5px;color:#64748b}.tabs button.active{background:var(--market-blue);color:#fff}.legacy-catalog{display:none!important}.purchase-shell{margin-top:18px}.legal-notice{background:#fff2c9;border:1px solid #f1db94;color:#825d00;border-radius:5px;padding:10px 14px;display:flex;gap:11px;align-items:center;font-size:12px;line-height:1.45;margin-bottom:16px}.legal-notice span{font-size:18px}.legal-notice p{margin:0}.purchase-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start}.purchase-main,.market-feed{background:#fff;border:1px solid var(--market-line);border-radius:7px;box-shadow:0 2px 6px #1d3e6709}.purchase-title{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--market-line)}.purchase-title>div{display:flex;align-items:center;gap:12px}.soft-icon{width:39px;height:39px;display:grid;place-items:center;background:#e8f4ff;border-radius:7px;font-size:18px}.purchase-title p{font-size:10px;font-weight:800;color:#1682da;letter-spacing:.1em;margin:0 0 2px}.purchase-title h2{font:700 17px "Segoe UI",Tahoma,sans-serif;margin:0;color:#334155}.purchase-title small{color:#8493a6;font-size:11px}.inline-buy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.inline-buy-card{padding:18px 19px 20px;border-bottom:1px solid var(--market-line);min-width:0}.inline-buy-card:nth-child(odd){border-right:1px solid var(--market-line)}.inline-buy-card h3{margin:0 0 9px;color:#2f5e90;font-size:15px}.inline-buy-card .benefits{font-size:11px;color:#617187;padding:0;margin:0 0 13px;list-style:none;line-height:1.65}.inline-buy-card .benefits li::before{content:"+";color:#1682da;font-weight:800;margin-right:6px}.market-field{display:grid;grid-template-columns:95px 1fr;align-items:center;gap:8px;margin:7px 0;font-size:11px;color:#56677d}.market-field label{font-weight:600}.market-field input,.market-field select{width:100%;height:31px;border:1px solid #d8e2ed;border-radius:4px;background:#fff;color:#43556a;padding:5px 8px;font:12px "Segoe UI",Tahoma,sans-serif;outline:none}.market-field input:focus,.market-field select:focus{border-color:#55a5e9;box-shadow:0 0 0 2px #ddf0ff}.card-total{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #dbe4ed;margin-top:13px;padding-top:12px}.card-total small{font-size:11px;color:#6b7d90}.card-total b{color:#f06d21;font-size:17px}.inline-buy-button{border:0;border-radius:4px;background:linear-gradient(180deg,#2a94e7,#1475cf);color:#fff;width:100%;margin-top:11px;padding:9px;font-weight:700;font-size:12px;cursor:pointer;box-shadow:0 1px 2px #1269bd66}.inline-buy-button:hover{background:#0f67ba}.rotating-area{padding:18px 20px 20px;background:var(--market-soft)}.subhead{display:flex;gap:10px;align-items:center;margin-bottom:12px}.subhead>span{font-size:20px}.subhead b{display:block;color:#334155;font-size:14px}.subhead small{display:block;margin-top:2px;color:#7a8999;font-size:11px}.inline-rotate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rotate-card{background:#fff;border:1px solid #dfe8f1;border-radius:5px;padding:13px}.rotate-card h3{font-size:13px;color:#356692;margin:0 0 8px}.rotate-card p{font-size:10px;color:#7c8b9c;margin:0 0 11px}.rotate-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.rotate-fields label{font-size:10px;color:#6e7e8e}.rotate-fields input{width:100%;margin-top:3px;padding:6px;border:1px solid #d8e2ed;border-radius:3px}.rotate-card .card-total{margin-top:10px;padding-top:9px}.rotate-card .inline-buy-button{margin-top:8px;padding:7px}.market-feed{overflow:hidden}.feed-head{height:49px;background:linear-gradient(110deg,#1b88e0,#1169be);color:#fff;display:flex;align-items:center;gap:8px;padding:0 13px;font-size:11px}.feed-head span{font-size:14px;color:#a8e3ff}.feed-head small{margin-left:auto;border:1px solid #ffffff66;border-radius:10px;padding:2px 6px;font-size:8px}.feed-group{padding:13px 14px;border-bottom:1px solid var(--market-line)}.feed-group:last-child{border-bottom:0}.feed-group h3{font-size:11px;color:#3473a8;margin:0 0 8px}.feed-group div{position:relative;padding:7px 0 7px 10px;border-left:2px solid #e0edf8;font-size:10px;display:grid;grid-template-columns:1fr auto;gap:2px}.feed-group div::before{content:"";width:5px;height:5px;border-radius:50%;background:#52b1f1;position:absolute;left:-3.5px;top:12px}.feed-group b{color:#52687f}.feed-group strong{color:#eb7728}.feed-group span{grid-column:1/-1;color:#98a5b4;font-size:9px}.page#page-dashboard{display:none}.page#page-shop{display:block}.empty-panel,.wallet-card,.deposit-card,.table-wrap{border-color:var(--market-line);box-shadow:0 2px 6px #1d3e6709}.primary{background:var(--market-blue);border-color:var(--market-blue)}.primary:hover{background:var(--market-deep);border-color:var(--market-deep)}.primary span{color:#d7f0ff}.mobile-nav{background:#fff;border-top:1px solid var(--market-line)}.mobile-nav button{color:#3973a4}.mobile-nav small{color:#6d8299}
@media(max-width:1150px){.purchase-layout{grid-template-columns:1fr}.market-feed{display:grid;grid-template-columns:repeat(3,1fr)}.feed-head{grid-column:1/-1}.feed-group{border-bottom:0;border-right:1px solid var(--market-line)}.feed-group:last-child{border-right:0}}@media(max-width:760px){.topbar{height:60px}.page{padding:16px 10px 80px}.page-heading,.tabs{display:none}.purchase-shell{margin-top:0}.legal-notice{font-size:10px;padding:9px}.purchase-title{padding:14px}.purchase-title small{display:none}.inline-buy-grid,.inline-rotate-grid{grid-template-columns:1fr}.inline-buy-card:nth-child(odd){border-right:0}.inline-buy-card{padding:16px}.market-feed{display:block}.feed-group{border-right:0;border-bottom:1px solid var(--market-line)}.mobile-nav{display:grid}.sidebar{display:none}.shell{margin-left:0}.topbar{padding:0 12px}.account-btn{background:transparent;border:0}.balance-chip{display:none!important}}
.page#page-dashboard,.page#page-shop{display:none}.page#page-dashboard.active,.page#page-shop.active{display:block}

/* ProxyHub adopts the local UPNL visual system: forest, cream and compact cards. */
:root{--ink:#17231f;--muted:#425149;--paper:#f2efe5;--card:#fffdf7;--line:#d4d5ca;--forest:#13352e;--forest-2:#1f5c4e;--orange:#e9652d;--lime:#bad66f;--shadow:0 12px 30px rgba(31,52,44,.11);--font-ui:"Segoe UI",Tahoma,sans-serif;--font-display:Georgia,"Times New Roman",serif}
html,body{background:var(--paper)}body{color:var(--ink);font-family:var(--font-ui);background:var(--paper) url("/assets/ui/login-bg.jpg") center bottom / cover fixed no-repeat}.noise{display:block;opacity:.22}.sidebar{display:none}.shell{width:70%;max-width:1440px;min-height:100vh;margin:0 auto;background:radial-gradient(circle at 95% 4%,rgba(233,101,45,.1),transparent 25%),var(--paper);box-shadow:0 0 55px rgba(19,53,46,.08)}.topbar{position:static;height:auto;padding:34px clamp(16px,2vw,30px) 15px;background:transparent;box-shadow:none;border:0;color:var(--ink);backdrop-filter:none}.topbar .mobile-brand{display:none}.topbar-brand{display:flex;align-items:center;gap:12px}.wordmark-icon{width:44px;height:44px;display:grid;place-items:center;padding:4px;border-radius:10px 4px 10px 4px;background:var(--orange);transform:rotate(-4deg)}.wordmark-icon img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;border-radius:6px}.product-wordmark .eyebrow{display:block;margin:0;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.18em}.product-wordmark h2{margin:5px 0 0;color:var(--ink);font-family:var(--font-display);font-size:32px;font-weight:750;letter-spacing:-.035em;line-height:1}.product-wordmark h2 em{color:var(--orange);font-style:normal}.account-area{gap:9px}.balance-chip,.account-btn{height:auto;border:1px solid var(--line);background:rgba(255,255,255,.52);color:var(--ink);border-radius:999px}.balance-chip{padding:7px 13px}.balance-chip small{color:var(--muted)}.account-btn{min-height:52px;padding:6px 11px 6px 6px}.account-btn>span:first-child{width:38px;height:38px;border-radius:50%;background:#d9dfd5;color:var(--forest)}.upnl-nav{display:flex;align-items:center;gap:7px;padding:0 clamp(16px,2vw,30px) 20px;border-bottom:1px solid var(--line)}.upnl-nav button{min-height:34px;border:0;border-radius:8px;padding:0 12px;color:var(--muted);background:transparent;font-size:11px;font-weight:800}.upnl-nav button:hover,.upnl-nav button.active{color:#fff;background:var(--forest-2)}.page{max-width:none;margin:0;padding:24px clamp(16px,2vw,30px) 65px}.page-heading{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0 0 15px;margin:0 0 16px}.page-heading h1{color:var(--ink);font-family:var(--font-display);font-weight:750}.page-heading .eyebrow{color:var(--orange)}.page-heading>p{color:var(--muted)}#page-shop>.page-heading,#page-shop>.tabs{display:none}.purchase-shell{margin-top:0}.legal-notice{border:1px solid #e5d1b2;border-radius:10px;color:#80502c;background:#fff4e5;box-shadow:0 5px 14px rgba(117,79,41,.05)}.legal-notice span{color:var(--orange)}.purchase-layout{grid-template-columns:minmax(0,1fr) 245px;gap:15px}.purchase-main,.market-feed{border:1px solid var(--line);border-radius:17px;background:var(--card);box-shadow:0 7px 20px rgba(34,49,43,.045)}.purchase-title{position:relative;min-height:108px;padding:19px 23px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 92% 20%,rgba(186,214,111,.22),transparent 34%),linear-gradient(135deg,#fffdf7,#f2f0e6)}.purchase-title::after{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(var(--orange),var(--lime))}.purchase-title>div{position:relative;z-index:1}.soft-icon{width:58px;height:58px;border-radius:15px 7px 15px 7px;background:#fff0e5;transform:rotate(-3deg);font-size:22px}.purchase-title p{color:var(--orange);font-size:9px;letter-spacing:.13em}.purchase-title h2{color:var(--ink);font-family:var(--font-display);font-size:24px;font-weight:750}.purchase-title small{color:var(--muted);font-size:10px}.inline-buy-grid{padding:14px;gap:14px}.inline-buy-card{position:relative;padding:17px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#fffefb,#faf9f2);box-shadow:0 7px 20px rgba(34,49,43,.045);overflow:hidden}.inline-buy-card:nth-child(odd){border-right:1px solid var(--line)}.inline-buy-card::before{content:"";position:absolute;inset:0 100% auto 0;height:4px;background:var(--orange);transition:.25s}.inline-buy-card:hover::before{right:0}.inline-buy-card h3{color:var(--ink);font-family:var(--font-display);font-size:18px;font-weight:750}.inline-buy-card .benefits{color:var(--muted);font-size:10px}.inline-buy-card .benefits li::before{color:var(--orange)}.market-field{grid-template-columns:92px 1fr;color:var(--muted);font-size:10px}.market-field input,.market-field select{height:34px;border:1px solid var(--line);border-radius:8px;background:#fffefb;color:var(--ink);font-size:11px}.market-field input:focus,.market-field select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(233,101,45,.1)}.card-total{border-top:1px solid #e7e4d9}.card-total small{color:var(--muted)}.card-total b{color:var(--orange);font-family:var(--font-display);font-size:20px}.inline-buy-button{border-radius:9px;background:var(--orange);box-shadow:0 8px 18px rgba(233,101,45,.22);font-size:11px}.inline-buy-button:hover{background:#d55322}.rotating-area{border-top:1px solid var(--line);background:#f7f6ef}.subhead b{color:var(--ink);font-family:var(--font-display);font-size:17px}.subhead small{color:var(--muted)}.rotate-card{border:1px solid var(--line);border-radius:12px;background:var(--card)}.rotate-card h3{color:var(--ink);font-family:var(--font-display)}.rotate-card p{color:var(--muted)}.rotate-fields input{border-color:var(--line);background:#fffefb}.rotate-card .inline-buy-button{background:var(--forest-2);box-shadow:0 7px 14px rgba(31,92,78,.18)}.market-feed{background:linear-gradient(145deg,#fffefb,#f7f6ed);overflow:hidden}.feed-head{height:47px;background:var(--forest);font-size:10px}.feed-head span{color:var(--lime)}.feed-group{border-color:var(--line)}.feed-group h3{color:var(--forest);font-family:var(--font-display);font-size:13px}.feed-group div{border-color:#d7dfcf}.feed-group div::before{background:var(--lime)}.feed-group b{color:var(--ink)}.feed-group strong{color:var(--orange)}.feed-group span{color:var(--muted)}.primary{background:var(--orange);border-color:var(--orange);box-shadow:0 8px 18px rgba(233,101,45,.22)}.primary:hover{background:#d55322;border-color:#d55322}.ghost{border-color:var(--line);color:var(--ink)}.wallet-card{background:var(--forest)}.wallet-card strong{color:var(--lime)}.toast{border-left-color:var(--lime);background:var(--forest)}.modal{background:var(--card)}.auth-art{background:var(--forest)}.auth-art>span{background:var(--orange)}.auth-form input,.buy-modal input,.buy-modal select{border-color:var(--line);background:#fffefb}.mobile-nav{background:var(--card);border-top:1px solid var(--line)}
@media(max-width:1100px){.shell{width:calc(100% - 48px)}.purchase-layout{grid-template-columns:1fr}.market-feed{display:grid;grid-template-columns:repeat(3,1fr)}.feed-head{grid-column:1/-1}.feed-group{border-bottom:0;border-right:1px solid var(--line)}.feed-group:last-child{border-right:0}}@media(max-width:760px){.shell{width:100%;min-height:100dvh}.topbar{padding:20px 15px 12px;align-items:center}.topbar .mobile-brand{display:none}.product-wordmark h2{font-size:25px}.product-wordmark .eyebrow{font-size:7px}.wordmark-icon{width:38px;height:38px}.account-btn{min-height:42px;padding:3px}.account-btn>span:first-child{width:34px;height:34px}.upnl-nav{overflow:auto;padding:0 12px 13px;gap:4px}.upnl-nav button{flex:0 0 auto;font-size:10px}.page{padding:15px 12px 76px}.legal-notice{font-size:10px}.purchase-title h2{font-size:19px}.soft-icon{width:45px;height:45px;font-size:17px}.inline-buy-grid{padding:10px}.inline-buy-card{padding:14px}.inline-buy-card h3{font-size:17px}.market-feed{display:block}.feed-group{border-right:0;border-bottom:1px solid var(--line)}.mobile-nav button{color:var(--forest)}.mobile-nav small{color:var(--muted)}}

/* Account controls follow the compact warm UPNL treatment. */
.user-menu-wrap{position:relative}.account-btn .menu-chevron{margin-left:1px;color:var(--muted);font-size:16px;line-height:1;transition:transform .18s}.account-btn[aria-expanded="true"] .menu-chevron{transform:rotate(180deg)}
.user-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:220px;padding:6px;border:1px solid rgba(70,74,57,.16);border-radius:12px;background:rgba(246,232,184,.98);box-shadow:0 18px 34px rgba(25,49,39,.18)}
.user-menu button{width:100%;min-height:43px;display:flex;align-items:center;gap:9px;padding:6px 8px;border:0;border-radius:8px;color:#39392e;background:transparent;text-align:left;cursor:pointer}.user-menu button:hover{background:rgba(255,255,255,.48)}.user-menu button>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:8px;background:rgba(255,255,255,.44)}.user-menu button>span img{width:18px;height:18px;object-fit:contain;opacity:.78}.user-menu button b{font-size:12px}.user-menu .menu-danger{color:#a4462d}
.auth-modal{width:min(360px,calc(100% - 28px));max-width:360px;border:0;border-radius:16px;background:transparent;box-shadow:none}.auth-modal[open]{display:block}.auth-modal .modal-close{top:11px;right:11px;width:32px;height:32px;border-radius:50%;color:#39392e;background:rgba(255,255,255,.44);font-size:24px;line-height:1}.auth-card,.password-modal,.forgot-modal{color:#2e3027;background:rgba(246,232,184,.98);box-shadow:none}.auth-card{width:100%;padding:22px;border-radius:16px}.auth-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.auth-logo{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;padding:5px;border-radius:11px 6px 11px 6px;background:#e2c66e}.auth-logo img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.auth-kicker{display:block;margin-bottom:4px;color:#9a5425;font-size:10px;font-weight:900;letter-spacing:.15em}.auth-heading h2{margin:0;color:#3b372b;font-family:var(--font-display);font-size:24px;font-weight:750;line-height:1.1}.auth-modal .auth-form{display:grid;gap:12px;max-width:none;margin:0;padding:0}.auth-modal .auth-form label{display:block;margin:0;color:#4b4b3c;font-size:12px;font-weight:800;letter-spacing:.015em;text-align:left}.auth-modal .auth-form input{width:100%;height:46px;margin-top:6px;padding:0 12px;border:1px solid rgba(70,74,57,.24);border-radius:9px;color:#383a2f;background:#fffdf4;box-shadow:none;font:13px var(--font-ui)}.auth-modal .auth-form input:focus,.password-modal input:focus,.forgot-modal input:focus{border-color:#b87935;outline:0;box-shadow:0 0 0 2px rgba(184,121,53,.12)}.button{font-family:var(--font-ui);font-weight:800;cursor:pointer}.auth-modal .button{width:100%;min-height:44px;border:0;border-radius:9px}.button-primary{color:#fff;background:var(--orange)}.button-primary:hover{background:#d55322}.forgot-password{display:block;margin:11px 0 0;padding:0;border:0;color:#875124;background:transparent;font:700 12px var(--font-ui);cursor:pointer}.forgot-password:hover{text-decoration:underline}.auth-secondary{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:13px;padding-top:12px;border-top:1px solid rgba(70,74,57,.14);color:#686756;font-size:11px}.auth-switch{padding:0;border:0;color:#9a5425;background:transparent;font:800 11px var(--font-ui);cursor:pointer}.auth-switch:hover{text-decoration:underline}.login-hint{margin:13px 0 0;color:#686756;font-size:10px;line-height:1.45;text-align:center}
.account-dialog{width:min(360px,calc(100% - 24px));max-width:360px;border:0;border-radius:16px;background:transparent;box-shadow:none}.account-dialog[open]{display:block}.password-modal,.forgot-modal{width:100%;border-radius:16px;overflow:hidden}.password-modal>header,.forgot-modal>header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 8px}.password-modal .eyebrow,.forgot-modal .eyebrow{margin:0;color:#9a5425;font-size:9px}.password-modal h3,.forgot-modal h3{margin:3px 0 0;color:#3b372b;font-family:var(--font-display);font-size:21px;font-weight:750}.icon-button{width:34px;height:34px;min-height:34px;padding:0;border:0;border-radius:50%;color:#39392e;background:rgba(255,255,255,.44);font-size:23px;line-height:1;cursor:pointer}.password-modal form,.forgot-modal form{display:grid;gap:8px;padding:10px 18px 18px}.password-modal label,.forgot-modal label{display:block;color:#514c3c;font-size:11px;font-weight:800}.password-modal input,.forgot-modal input{width:100%;height:42px;margin-top:5px;padding:0 10px;border:1px solid rgba(70,74,57,.24);border-radius:8px;color:#39392e;background:#fffdf4;font:13px var(--font-ui)}.reset-note{margin:1px 0;color:#686756;font-size:10px;line-height:1.45}.password-modal footer,.forgot-modal footer{display:grid;grid-template-columns:.8fr 1.35fr;gap:7px;margin-top:3px}.password-modal footer .button,.forgot-modal footer .button{min-height:42px;border:0;border-radius:9px;font-size:12px}.button-subtle{color:#39392e;background:rgba(255,255,255,.44)}.button-subtle:hover{background:rgba(255,255,255,.68)}
@media(max-width:760px){.account-btn .menu-chevron{display:none}.user-menu{width:min(220px,calc(100vw - 24px))}.auth-modal{width:min(360px,calc(100% - 24px))}.auth-card{padding:20px 18px}.account-dialog{width:min(340px,calc(100% - 20px))}.password-modal>header,.forgot-modal>header{padding:14px 14px 6px}.password-modal form,.forgot-modal form{padding:8px 14px 14px}}

/* These families include the complete Vietnamese character set and readable accents. */
:root{--font-ui:"Be Vietnam Pro","Segoe UI",Tahoma,sans-serif;--font-display:"Lora","Times New Roman",serif}
body{background-image:url("/assets/ui/login-bg.jpg")}
/* Override older component-level font shorthands so every Vietnamese label is consistent. */
body,body *{font-family:var(--font-ui)!important}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display)!important}
code,pre,kbd,samp{font-family:"Cascadia Mono","Consolas",monospace!important}

.admin-pricing{margin-top:20px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 8px 22px rgba(21,62,50,.05)}.admin-pricing-head{margin-bottom:18px}.admin-pricing h2{margin:3px 0 6px;color:var(--ink);font:700 26px var(--font-display)}.admin-pricing-head>div>p:last-child{margin:0;color:var(--muted);font-size:12px}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.price-control{display:grid;grid-template-columns:1fr 130px 20px;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fffefb}.price-control span{min-width:0}.price-control b,.price-control small{display:block}.price-control b{font-size:12px;color:var(--ink)}.price-control small{margin-top:3px;color:var(--muted);font-size:10px}.price-control input{width:100%;min-width:0;height:36px;padding:0 9px;border:1px solid #d8d5ca;border-radius:7px;background:#fff;font:600 13px var(--font-ui);outline:0}.price-control input:focus{border-color:var(--forest-2);box-shadow:0 0 0 3px rgba(31,92,78,.1)}.price-control em{color:var(--orange);font-size:14px;font-style:normal;font-weight:800}.admin-pricing .primary{min-height:42px}@media(max-width:760px){.admin-pricing{padding:16px}.pricing-grid{grid-template-columns:1fr}.price-control{grid-template-columns:1fr 115px 18px}.admin-pricing h2{font-size:22px}}

/* Order delivery cards replace raw provider JSON with usable credentials. */
.order-card{border-radius:16px;background:var(--card);box-shadow:0 7px 20px rgba(34,49,43,.045);padding:19px 20px}.order-card h3{color:var(--ink);font-family:var(--font-display);font-weight:750;font-size:23px;margin:12px 0}.order-meta{flex-wrap:wrap}.order-price{padding-top:4px}.order-price strong{color:var(--orange);font-family:var(--font-display);font-size:25px}.proxy-delivery{margin-top:14px}.delivery-label{margin:0 0 8px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.13em}.proxy-credential{border:1px solid var(--line);border-radius:12px;background:#fffefb;overflow:hidden}.proxy-credential+.proxy-credential{margin-top:10px}.credential-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:#f4f1e7;border-bottom:1px solid var(--line)}.credential-head span{color:var(--forest);font-size:10px;font-weight:900;letter-spacing:.1em}.credential-head small{color:var(--muted);font-size:10px}.credential-line{display:flex;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px dashed var(--line)}.credential-line code{min-width:0;flex:1;overflow-wrap:anywhere;color:var(--forest);font:700 12px Consolas,"Courier New",monospace}.credential-line button{flex:0 0 auto;border:1px solid var(--forest-2);border-radius:7px;background:var(--forest-2);color:#fff;padding:7px 10px;font:800 10px var(--font-ui);cursor:pointer}.credential-line button:hover{background:var(--forest)}.credential-line small{color:var(--muted);font-size:10px}.proxy-credential dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:10px 12px;gap:10px}.proxy-credential dl div{min-width:0}.proxy-credential dt{margin:0 0 3px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em}.proxy-credential dd{margin:0;overflow-wrap:anywhere;color:var(--ink);font-size:11px;font-weight:700}.delivery-pending{margin:14px 0 0;padding:12px 14px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:12px}@media(max-width:760px){.order-card{padding:16px}.order-price{padding-top:0}.proxy-credential dl{grid-template-columns:repeat(2,minmax(0,1fr))}.credential-line{align-items:flex-start;flex-wrap:wrap}.credential-line button{margin-left:auto}}.credential-name{flex:0 0 108px;color:var(--muted);font-size:10px;font-weight:800}.proxy-credential dl div:last-child{grid-column:span 2}@media(max-width:760px){.credential-name{flex-basis:100%}.proxy-credential dl div:last-child{grid-column:span 1}}
/* Compact order controls and selectable proxy rows. */
.order-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,253,247,.78);box-shadow:0 5px 14px rgba(34,49,43,.04)}.order-toolbar select,.order-toolbar input[type="search"]{height:34px;border:1px solid var(--line);border-radius:8px;background:#fffefb;color:var(--ink);padding:0 10px;font:600 11px var(--font-ui);outline:0}.order-toolbar select{min-width:150px}.order-toolbar input[type="search"]{width:190px}.order-toolbar select:focus,.order-toolbar input[type="search"]:focus{border-color:var(--forest-2);box-shadow:0 0 0 3px rgba(31,92,78,.1)}.select-all{display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--forest);font-size:11px;font-weight:800;cursor:pointer}.select-all input,.proxy-check input{accent-color:var(--forest-2);width:15px;height:15px;margin:0}.toolbar-copy{height:34px;border:0;border-radius:8px;background:var(--forest-2);color:#fff;padding:0 12px;font:800 11px var(--font-ui);cursor:pointer}.toolbar-copy:disabled{background:#c9c8c0;color:#777;cursor:not-allowed}.selection-count{margin-left:auto;color:var(--forest-2);font-size:11px;font-weight:800;white-space:nowrap}.compact-order{display:block;padding:15px 16px}.order-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.compact-order h3{margin:8px 0 0;font-size:19px}.compact-order .order-price strong{font-size:21px}.proxy-row-list{margin-top:12px;display:grid;gap:7px}.proxy-row{border:1px solid var(--line);border-radius:10px;background:#fffefb;overflow:hidden}.proxy-row-head{min-height:31px;display:flex;align-items:center;gap:8px;padding:6px 10px;background:#f5f3ea;border-bottom:1px solid var(--line);font-size:10px}.proxy-row-head b{color:var(--forest);font-size:10px;letter-spacing:.05em}.proxy-row-head small{color:var(--muted);font-size:10px}.proxy-row-meta{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap}.compact-proxy{display:grid;grid-template-columns:106px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:31px;padding:5px 10px}.compact-proxy+.compact-proxy{border-top:1px dashed var(--line)}.compact-proxy>span{color:var(--muted);font-size:10px;font-weight:800}.compact-proxy code{min-width:0;overflow-wrap:anywhere;color:var(--forest);font:700 11px Consolas,"Courier New",monospace}.compact-proxy button{border:1px solid #d3ded0;border-radius:6px;background:#fff;color:var(--forest);padding:5px 7px;font:800 9px var(--font-ui);cursor:pointer}.compact-proxy button:hover{background:var(--forest);border-color:var(--forest);color:#fff}.order-no-result{margin:0;padding:22px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center;font-size:12px}@media(max-width:760px){.order-toolbar{gap:7px;padding:10px}.order-toolbar select{min-width:calc(50% - 4px);flex:1}.order-toolbar input[type="search"]{width:100%;order:4}.toolbar-copy{order:5;flex:1}.selection-count{order:6;margin-left:0;width:100%}.compact-order{padding:13px}.order-summary{align-items:flex-end}.compact-order .order-price{text-align:right}.proxy-row-head{flex-wrap:wrap}.proxy-row-meta{margin-left:0;width:100%;padding-left:23px}.compact-proxy{grid-template-columns:1fr auto;gap:5px 8px}.compact-proxy>span{grid-column:1/-1}.compact-proxy code{font-size:10px}}
/* Stronger hierarchy for delivered proxy credentials. */
.compact-order{background:#fffdf7;border-color:#c9cdc0;box-shadow:0 9px 24px rgba(25,53,45,.08)}.compact-order .order-meta{color:#32433b;font-weight:700}.compact-order h3{color:#102c25;font-size:21px}.proxy-row{border-color:#cbd1c4;background:#fff}.proxy-row-head{background:#eef1e8;color:#1a342d}.proxy-row-head b{color:#0e3a30;font-size:11px}.proxy-row-head small{color:#40534a;font-weight:700}.proxy-row-meta{color:#263e35;font-weight:800}.proxy-expiry{display:flex;align-items:center;gap:5px;margin-left:10px;padding:5px 8px;border-radius:7px;background:#dff1c5;color:#315d16;font-size:10px;font-weight:800;white-space:nowrap}.proxy-expiry b{font-size:11px}.proxy-expiry small{color:#4d6f39;font-size:9px;font-weight:700}.proxy-expiry.urgent{background:#fff0d8;color:#9a4e12}.proxy-expiry.urgent small{color:#a56835}.compact-proxy{background:#fff}.compact-proxy>span{color:#1a342d;font-size:11px}.compact-proxy code{color:#0b3027;font-size:12px;font-weight:800}.compact-proxy button{border-color:#8ca797;background:#f7fbf4;color:#123d31}.recommended-proxy{background:#f5faee}.recommended-proxy>span{color:#0f5a42}.recommended-proxy em{margin-left:4px;color:#d85d24;font-style:normal;font-size:10px}.recommended-proxy code{color:#0d513d}.recommended-proxy button{border-color:#5f9274;background:#176247;color:#fff}.recommended-proxy button:hover{background:#0d4633}@media(max-width:760px){.proxy-expiry{margin-left:0;order:5}.proxy-row-meta{width:auto;padding-left:0}.proxy-row-head{gap:6px}.proxy-expiry small{display:none}.compact-order h3{font-size:19px}}
/* Switch the delivery view without making users scan both proxy types at once. */
.admin-order-context{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:9px 12px;border:1px solid #d7ddd5;border-radius:10px;background:#fffdf7;color:#426055;font-size:11px;font-weight:700}.admin-order-context b{color:#e9652d}.admin-order-context-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.admin-order-context-actions>button:not(.ghost){min-height:29px;padding:0 9px;border:1px solid #c9d4ca;border-radius:7px;background:#fff;color:#527064;font:800 9px var(--font-ui);cursor:pointer}.admin-order-context-actions>button:not(.ghost).active,.admin-order-context-actions>button:not(.ghost):hover{background:#176247;border-color:#176247;color:#fff}.admin-order-context button.ghost{min-height:29px;padding:0 9px;font-size:9px}.admin-user-history{margin:0 0 12px}.admin-user-history .table-wrap{max-height:430px;overflow:auto}.admin-user-history table{min-width:0}.admin-user-history th,.admin-user-history td{padding:11px 12px;font-size:10px}.admin-user-history td strong{font-size:10px}.order-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}.order-tabs{display:flex;align-items:center;gap:6px;margin:0;padding:5px;border:1px solid #d8ddd1;border-radius:12px;background:#f4f5ef;width:max-content}.order-tabs button{display:flex;align-items:center;gap:8px;border:0;border-radius:8px;background:transparent;color:#587068;padding:8px 11px;font:800 11px var(--font-ui);cursor:pointer}.order-tabs button:hover{color:#174637}.order-tabs button.active{background:#176247;color:#fff;box-shadow:0 4px 10px rgba(18,72,55,.16)}.order-tabs b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e1e9de;color:#315d4b;font-size:9px}.order-tabs button.active b{background:#fff;color:#176247}.order-refresh{flex:0 0 auto;min-height:36px;padding:0 12px;font-size:10px}@media(max-width:760px){.admin-order-context{align-items:flex-start;flex-direction:column;padding:8px 10px;font-size:10px}.admin-order-context-actions{width:100%;justify-content:flex-start}.admin-order-context-actions>button{flex:1}.admin-order-context button.ghost{flex:0 0 auto;margin-left:auto}.order-tabs-row{align-items:stretch;flex-wrap:wrap}.order-tabs{width:100%}.order-tabs button{flex:1;justify-content:center}.order-refresh{margin-left:auto;min-height:32px;padding:0 10px;font-size:9px}}
/* Readable, one-row-per-proxy delivery table. */
.proxy-table-wrap{overflow-x:auto;border:1px solid #c8cfc2;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(25,53,45,.06)}.proxy-table{width:100%;min-width:850px;border-collapse:collapse;color:#162f27;font-size:12px}.proxy-table th{padding:12px 10px;background:#eff2e9;border-bottom:1px solid #bdc8b9;color:#1c4438;text-align:left;font-size:10px;font-weight:900;letter-spacing:.05em;white-space:nowrap}.proxy-table th em{margin-left:4px;color:#d75d24;font-style:normal;font-size:9px}.proxy-table td{padding:11px 10px;border-bottom:1px solid #d9dfd4;vertical-align:middle}.proxy-table tbody tr:last-child td{border-bottom:0}.proxy-table tbody tr:hover{background:#fbfdf8}.proxy-select-cell{width:34px;text-align:center}.proxy-select-cell input{width:16px;height:16px;accent-color:#176247;cursor:pointer}.proxy-order-cell{min-width:130px}.proxy-order-cell b{display:block;color:#0d3c31;font-size:12px}.proxy-order-cell small{display:block;margin-top:4px;color:#52645c;font:700 9px Consolas,"Courier New",monospace;white-space:nowrap}.proxy-value{display:flex;align-items:center;gap:8px;min-width:220px}.proxy-value code{flex:1;min-width:0;overflow-wrap:anywhere;color:#132e26;font:800 11px Consolas,"Courier New",monospace;line-height:1.5}.proxy-value button{flex:0 0 auto;border:1px solid #89a897;border-radius:6px;background:#f7fbf5;color:#123d31;padding:5px 7px;font:800 9px var(--font-ui);cursor:pointer}.proxy-value button:hover{background:#124837;border-color:#124837;color:#fff}.recommended-cell{background:#f6faef}.recommended-cell .proxy-value code{color:#09513d}.recommended-cell .proxy-value button{background:#176247;border-color:#176247;color:#fff}.proxy-type{display:inline-block;border:1px solid #a8c7b2;border-radius:999px;background:#eef7ef;color:#14503b;padding:4px 7px;font-size:10px;font-weight:900}.remaining-time{display:block;color:#1d651f;font-size:13px;white-space:nowrap}.remaining-time.urgent{color:#bd571a}.expiry-date{display:block;margin-top:4px;color:#52645c;font-size:10px;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:760px){.proxy-table{min-width:760px}.proxy-table th,.proxy-table td{padding:10px 8px}.proxy-value{min-width:200px}.order-toolbar{position:sticky;top:0;z-index:3}}.proxy-actions{display:flex;flex-direction:column;gap:4px;min-width:94px}.proxy-actions button{border:1px solid #b7c7b8;border-radius:5px;background:#fff;color:#174637;padding:4px 6px;font:800 9px var(--font-ui);cursor:pointer;white-space:nowrap}.proxy-actions button:hover{background:#174637;border-color:#174637;color:#fff}.proxy-actions button:last-child{border-color:#df9a45;color:#9a5714}.proxy-actions button:last-child:hover{background:#bd6718;border-color:#bd6718;color:#fff}.proxy-actions-muted{color:#587068;font-size:10px;font-weight:800}.proxy-table th:last-child,.proxy-table td:last-child{min-width:110px}.proxy-table{min-width:0;table-layout:fixed}.proxy-table th:nth-child(1),.proxy-table td:nth-child(1){width:34px}.proxy-table th:nth-child(2),.proxy-table td:nth-child(2){width:78px}.proxy-table th:nth-child(3),.proxy-table td:nth-child(3),.proxy-table th:nth-child(4),.proxy-table td:nth-child(4){width:24%}.proxy-table th:nth-child(5),.proxy-table td:nth-child(5){width:58px}.proxy-table th:nth-child(6),.proxy-table td:nth-child(6){width:110px}.proxy-table th:nth-child(7),.proxy-table td:nth-child(7){width:96px}.proxy-value{min-width:0}.proxy-value code{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.proxy-order-cell small{font-family:var(--font-ui);font-size:10px}.proxy-table th,.proxy-table td{padding-left:8px;padding-right:8px}@media(max-width:760px){.proxy-table{min-width:690px}.proxy-table th:nth-child(3),.proxy-table td:nth-child(3),.proxy-table th:nth-child(4),.proxy-table td:nth-child(4){width:190px}}.proxy-value{align-items:center}.proxy-value .proxy-lines{display:grid;gap:3px;min-width:0;flex:1}.proxy-value .proxy-lines code{display:block;-webkit-line-clamp:unset;overflow:visible;white-space:nowrap;text-overflow:ellipsis}.proxy-value .proxy-lines code:first-child{color:#082c23}.proxy-value .proxy-lines code+code{color:#52645c;font-size:10px;font-weight:700}.orders-group+.orders-group{margin-top:18px}.orders-group h2{margin:0 0 8px;color:var(--forest);font:750 19px var(--font-display)}.rotating-orders .proxy-table th:nth-child(1),.rotating-orders .proxy-table td:nth-child(1){width:34px}.rotating-orders .proxy-table th:nth-child(2),.rotating-orders .proxy-table td:nth-child(2){width:160px}.rotating-orders .proxy-table th:nth-child(3),.rotating-orders .proxy-table td:nth-child(3){width:auto}.rotating-orders .proxy-table th:nth-child(4),.rotating-orders .proxy-table td:nth-child(4){width:70px}.rotating-orders .proxy-table th:nth-child(5),.rotating-orders .proxy-table td:nth-child(5){width:100px}.rotating-orders .proxy-table th:nth-child(6),.rotating-orders .proxy-table td:nth-child(6){width:70px}.copy-key-button{border:1px solid #176247;border-radius:6px;background:#176247;color:#fff;padding:5px 8px;font:800 9px var(--font-ui);cursor:pointer}.proxy-credentials-modal{width:min(460px,calc(100% - 28px));border:0;border-radius:16px;background:#142b25;color:#fff;box-shadow:0 24px 70px #0008;padding:0}.proxy-credentials-modal::backdrop{background:#11231db8;backdrop-filter:blur(3px)}.proxy-credentials-modal>section{padding:30px}.proxy-credentials-head{text-align:center;margin:0 0 22px}.proxy-credentials-head p{margin:0 0 6px;color:#bad66f;font-size:10px;font-weight:900;letter-spacing:.12em}.proxy-credentials-head h2{margin:0;font:750 25px var(--font-display)}.proxy-credentials-head small{display:block;margin-top:8px;color:#c4d0ca;font-size:11px;line-height:1.5}.proxy-credentials-modal form{display:grid;gap:13px}.proxy-credentials-modal label{display:grid;gap:6px;color:#d8e2dc;font-size:11px;font-weight:800}.proxy-credentials-modal input,.proxy-credentials-modal select{height:42px;border:1px solid #46645b;border-radius:8px;background:#fff;color:#182d26;padding:0 12px;font:14px var(--font-ui);outline:0}.proxy-credentials-modal input:focus,.proxy-credentials-modal select:focus{border-color:#bad66f;box-shadow:0 0 0 3px #bad66f35}.proxy-credentials-modal footer{display:flex;justify-content:flex-end;gap:9px;margin-top:8px}.proxy-credentials-modal .ghost{border-color:#6b847a;color:#fff}.proxy-credentials-modal .primary{background:#476be8;border-color:#476be8;box-shadow:none}.proxy-credentials-modal{width:min(390px,calc(100% - 28px));border:1px solid #e7c9af;border-radius:14px;background:#fffaf4;color:#26352f;box-shadow:0 20px 55px rgba(69,38,21,.28)}.proxy-credentials-modal>section{padding:22px 24px}.proxy-credentials-modal .modal-close{color:#77533d;font-size:22px;top:8px;right:10px}.proxy-credentials-head{margin:0 0 16px;text-align:left;padding-right:22px}.proxy-credentials-head p{margin:0 0 4px;color:#e9652d;font-size:9px;letter-spacing:.13em}.proxy-credentials-head h2{color:#1c3028;font-size:22px;line-height:1.1}.proxy-credentials-head small{color:#617067;font-size:10px;line-height:1.4}.proxy-credentials-modal form{gap:10px}.proxy-credentials-modal label{gap:4px;color:#385046;font-size:10px}.proxy-credentials-modal input,.proxy-credentials-modal select{height:38px;border-color:#dfcdbd;border-radius:7px;background:#fff;color:#1f3029;font-size:13px}.proxy-credentials-modal input:focus,.proxy-credentials-modal select:focus{border-color:#e9652d;box-shadow:0 0 0 3px rgba(233,101,45,.12)}.proxy-credentials-modal footer{margin-top:5px;gap:7px}.proxy-credentials-modal .ghost{border-color:#d8c7b7;color:#53655c;padding:9px 13px;font-size:11px}.proxy-credentials-modal .primary{background:#e9652d;border-color:#e9652d;padding:9px 14px;font-size:11px;box-shadow:0 7px 15px rgba(233,101,45,.22)}.proxy-credentials-modal .primary:hover{background:#cf5522;border-color:#cf5522}.proxy-renewal-modal{width:min(360px,calc(100% - 28px))}.renewal-total{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px dashed #e5b38e;border-radius:8px;background:#fff2e7;color:#8f512b;font-size:11px;font-weight:800}.renewal-total strong{color:#e9652d;font:750 20px var(--font-display)}dialog.toast{position:fixed;inset:auto 25px 25px auto;margin:0;border:0;max-width:360px;z-index:2147483647}dialog.toast[open]{display:block}dialog.toast::backdrop{display:none}@media(max-width:760px){dialog.toast{right:14px;bottom:78px;left:14px;max-width:none}}dialog[open] .toast{z-index:20}
/* Keep the page fully visible while a modal is open. */
dialog::backdrop {
  background: transparent !important;
  backdrop-filter: none !important;
}

/* The shop uses the full desktop width after removing the recent-sales feed. */
@media (min-width: 900px) {
  .purchase-layout { display: block; }
  .inline-buy-grid,
  .inline-package-grid,
  .inline-rotate-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; }
  .inline-buy-grid > .inline-buy-card,
  .inline-package-grid > .inline-buy-card,
  .inline-rotate-grid > .rotate-card { height: 100%; }
  .inline-buy-card:nth-child(odd) { border-right: 1px solid var(--line); }
}

/* Package cards have a fixed product, so only purchase fields are shown. */
.inline-buy-card[data-package="true"] .market-field:first-of-type { display: none; }
.package-area { padding: 18px 20px 20px; border-top: 1px solid var(--line); background: #f7f6ef; }
.inline-package-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
@media (max-width: 760px) {
  .inline-package-grid { grid-template-columns: 1fr; }
}
@media (min-width: 900px) {
  .inline-package-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Keep package labels compact and use the Vietnamese-safe UI font consistently. */
.inline-buy-card h3,.rotate-card h3,.inline-buy-card .benefits,.rotate-card p,.market-field,.card-total,.inline-buy-button{font-family:var(--font-ui)!important}.inline-buy-card h3,.rotate-card h3{font-size:16px;font-weight:800;letter-spacing:-.01em;line-height:1.25}.inline-buy-card .benefits{line-height:1.5}.deposit-card h2{font-family:var(--font-ui)!important;font-size:25px;font-weight:800;letter-spacing:-.025em}.money-input input{font-family:var(--font-ui);font-size:24px;font-weight:700}.money-input span{min-width:56px;padding:15px 10px;border-left:1px solid var(--line);background:#f7f3ea;color:var(--orange);text-align:center;font:800 12px var(--font-ui)}
.deposit-package-picker{margin:12px 0 20px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#f8f6ef}.deposit-package-picker>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 1px 9px}.deposit-package-picker b{color:var(--ink);font-size:11px;font-weight:800}.deposit-package-picker small{color:#9a5636;font-size:11px;font-weight:800;text-align:right}.deposit-package-picker .quick-money{margin:0}.deposit-package-picker .quick-money button{border-radius:7px;background:#fffdf7;color:var(--ink);font-size:11px;font-weight:800}.deposit-package-picker .quick-money button:hover{border-color:var(--orange);color:var(--orange)}@media(max-width:760px){.deposit-package-picker{margin:10px 0 16px;padding:9px}.deposit-package-picker>div:first-child{align-items:flex-start;flex-direction:column;gap:3px;margin-bottom:8px}.deposit-package-picker small{text-align:left;line-height:1.35}.deposit-package-picker .quick-money{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.deposit-package-picker .quick-money button{padding:8px 3px;font-size:10px}}
.deposit-history-heading{margin:28px 0 12px!important}.deposit-history-heading p{color:var(--muted)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.14em!important}
.wallet-card{min-height:220px!important;padding:30px!important;border:1px solid #ead8c7!important;border-radius:18px!important;background:linear-gradient(145deg,#fff7ee,#f7eadc)!important;color:#26372f!important;box-shadow:0 14px 32px rgba(96,60,34,.08)!important}.wallet-card:after{color:#f0d8c5!important;font-size:220px!important}.wallet-card small{position:relative;z-index:1;color:#8b6d58!important;font-size:10px!important;font-weight:800!important;letter-spacing:.15em!important}.wallet-card strong{position:relative;z-index:1;margin:12px 0 0!important;color:var(--orange)!important;font-family:var(--font-ui)!important;font-size:42px!important;font-weight:800!important;letter-spacing:-.04em!important}@media(max-width:760px){.wallet-card{min-height:170px!important;padding:22px!important}.wallet-card strong{font-size:34px!important}}
.topbar .account-area{display:flex;align-items:center;gap:10px;min-width:0}.topbar .balance-chip{display:grid;min-width:112px;padding:7px 14px!important;border:1px solid #e0d8ca!important;border-radius:999px!important;background:rgba(255,255,255,.72)!important;text-align:right!important}.topbar .balance-chip small{margin:0;color:#8a8277!important;font-size:8px!important;line-height:1.1}.topbar .balance-chip strong{margin-top:3px;color:#26372f!important;font:800 12px var(--font-ui)!important;white-space:nowrap}.topbar .account-btn{min-width:0;max-width:300px;display:flex;align-items:center;gap:9px;padding:6px 12px 6px 7px!important;border:1px solid #e0d8ca!important;border-radius:999px!important;background:rgba(255,255,255,.72)!important;color:#26372f!important}.topbar .account-btn>span:first-child{flex:0 0 36px;width:36px!important;height:36px!important;background:#e1e8df!important;color:#365047!important;font-weight:800}.topbar .account-btn #accountLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800}.topbar .account-btn .menu-chevron{flex:0 0 auto;color:#8b857c!important}@media(max-width:760px){.topbar .account-area{gap:6px}.topbar .balance-chip{display:none!important}.topbar .account-btn{max-width:220px}.topbar .account-btn>span:first-child{flex-basis:32px;width:32px!important;height:32px!important}}
.topbar .balance-chip{flex-shrink:0}@media(max-width:760px){.topbar .balance-chip{display:grid!important;min-width:86px;padding:6px 9px!important}.topbar .balance-chip small{font-size:7px!important}.topbar .balance-chip strong{font-size:10px!important}.topbar .account-btn{max-width:180px}.topbar .account-btn #accountLabel{display:none}.topbar .account-btn>span:first-child{flex-basis:30px;width:30px!important;height:30px!important}}
.product-wordmark .eyebrow{color:var(--orange)!important}.product-wordmark h2{font-family:var(--font-ui)!important;font-size:25px!important;font-weight:900!important;letter-spacing:-.045em!important;text-transform:uppercase!important;line-height:1!important}
.product-wordmark h2 #brandSubdomain{color:var(--orange)}
.mobile-brand-responsive{display:none}@media(max-width:760px){.topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 10px 8px!important;align-items:center}.topbar-brand{min-width:0;gap:7px}.wordmark-icon{width:32px!important;height:32px!important;flex:0 0 32px!important;padding:3px!important;border-radius:8px 3px 8px 3px!important}.product-wordmark{min-width:0}.product-wordmark .eyebrow{margin:0!important;font-size:6px!important;letter-spacing:.12em!important}.product-wordmark h2{max-width:100%;margin:3px 0 0!important;font-size:16px!important;line-height:1!important;letter-spacing:-.055em!important;white-space:nowrap}.topbar .account-area{min-width:0;gap:4px!important}.topbar .balance-chip{min-width:82px!important;padding:5px 7px!important}.topbar .balance-chip small{font-size:6px!important;letter-spacing:.1em!important}.topbar .balance-chip strong{font-size:9px!important;margin-top:2px!important}.topbar .account-btn{width:34px!important;max-width:34px!important;min-height:34px!important;padding:2px!important;justify-content:center}.topbar .account-btn>span:first-child{width:30px!important;height:30px!important;flex-basis:30px!important}.topbar .account-btn .menu-chevron{display:none}.upnl-nav{padding:0 10px 9px!important;gap:3px!important}.upnl-nav button{min-height:30px!important;padding:0 9px!important;font-size:9px!important}.page{padding:14px 10px 70px!important}.page-heading h1{font-size:31px!important}.section-title h2{font-size:22px!important}.purchase-title h2{font-size:18px!important}.purchase-title p{font-size:8px!important}.inline-buy-card h3,.rotate-card h3{font-size:16px!important}.inline-buy-card .benefits{font-size:10px!important}.wallet-card strong{font-size:32px!important}.deposit-card h2{font-size:23px!important}}
.inline-buy-card,.rotate-card{border:1px solid #e3d9ca!important;background:linear-gradient(145deg,#fffefa,#fff9f0)!important;box-shadow:0 10px 24px rgba(82,57,35,.11),0 2px 5px rgba(82,57,35,.06)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.inline-buy-card::before{height:5px!important;background:linear-gradient(90deg,var(--orange),#f5b26c)!important}.inline-buy-card:hover,.rotate-card:hover{border-color:#e7a274!important;box-shadow:0 16px 30px rgba(82,57,35,.16),0 3px 7px rgba(82,57,35,.08)!important;transform:translateY(-3px)}.inline-buy-card h3,.rotate-card h3{color:#22362c!important}.inline-buy-card .benefits,.rotate-card p{color:#68736b!important}.inline-buy-card .market-field label,.rotate-card label{color:#52645b!important}.inline-buy-card .card-total,.rotate-card .card-total{border-top-color:#eadfd1!important}.inline-buy-card .card-total b,.rotate-card .card-total b{color:var(--orange)!important}
.inline-buy-card:hover,.rotate-card:hover{border:2px solid var(--orange)!important;box-shadow:0 0 0 3px rgba(233,101,45,.14),0 16px 30px rgba(82,57,35,.18)!important}
.purchase-tabs{display:flex;gap:6px;padding:14px 16px;border-bottom:1px solid var(--line);background:#fbfaf5}.purchase-tabs button{min-height:36px;padding:0 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font:800 11px var(--font-ui);cursor:pointer}.purchase-tabs button:hover{color:var(--orange);background:#fff3eb}.purchase-tabs button.active{border-color:var(--orange);background:var(--orange);color:#fff;box-shadow:0 6px 12px rgba(233,101,45,.18)}.four-g-grid{grid-template-columns:minmax(260px,340px)!important;justify-content:start}@media(max-width:760px){.purchase-tabs{gap:4px;padding:10px;flex-wrap:wrap}.purchase-tabs button{flex:1 1 calc(25% - 4px);min-height:34px;padding:0 4px;font-size:9px}.four-g-grid{grid-template-columns:1fr!important}}
#inlinePurchaseGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media(max-width:760px){#inlinePurchaseGrid{grid-template-columns:1fr!important}}
#inlineRotatingGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media(max-width:760px){#inlineRotatingGrid{grid-template-columns:1fr!important}}
/* Responsive typography and spacing: keep the same hierarchy on desktop and mobile. */
body{overflow-x:hidden}
.purchase-tabs button{font-size:12px!important}
.inline-buy-card h3,.rotate-card h3{font-size:18px!important;line-height:1.22!important}
.inline-buy-card .benefits{font-size:11px!important;line-height:1.55!important}
.market-field{font-size:11px!important}
.market-field input,.market-field select{font-size:12px!important}
.inline-buy-button{min-height:36px;font-size:12px!important}
@media(max-width:760px){
  .topbar .product-wordmark h2{font-size:17px!important}
  .topbar .balance-chip small{font-size:7px!important}
  .topbar .balance-chip strong{font-size:10px!important}
  .upnl-nav button{font-size:10px!important}
  .purchase-tabs button{font-size:10px!important}
  .legal-notice{font-size:10px!important;line-height:1.4!important}
  .inline-buy-card,.rotate-card{padding:13px!important}
  .inline-buy-card h3,.rotate-card h3{font-size:17px!important}
  .inline-buy-card .benefits{font-size:10px!important;line-height:1.45!important;margin-bottom:9px!important}
  .market-field{grid-template-columns:92px minmax(0,1fr)!important;gap:7px!important;margin:5px 0!important;font-size:10px!important}
  .market-field input,.market-field select{height:33px!important;font-size:11px!important}
  .card-total{margin-top:9px!important;padding-top:9px!important}
  .card-total small{font-size:10px!important}
  .card-total b{font-size:18px!important}
  .inline-buy-button{min-height:35px!important;margin-top:8px!important;font-size:11px!important}
  .page{padding-bottom:82px!important}
}
/* Orders: prevent proxy text and actions from colliding at any breakpoint. */
@media(min-width:761px){
  .orders-group .proxy-table-wrap{overflow-x:auto!important}
  .orders-group .proxy-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
  .orders-group .proxy-table td,.orders-group .proxy-table th{overflow:hidden}
  .orders-group .proxy-value{width:100%;min-width:0!important;gap:5px!important}
  .orders-group .proxy-value .proxy-lines{min-width:0;overflow:hidden}
  .orders-group .proxy-value .proxy-lines code{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .orders-group .proxy-value button{padding:5px 6px!important;font-size:8px!important}
  .orders-group .proxy-actions{min-width:0!important}
}
@media(max-width:760px){
  .orders-group .proxy-table-wrap{overflow:visible!important}
  .orders-group .proxy-table,.orders-group .proxy-table tbody{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important}
  .orders-group .proxy-table thead{display:none!important}
  .orders-group .proxy-table tbody{display:grid!important;gap:10px}
  .orders-group .proxy-table tr{position:relative;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 9px;padding:10px 11px;border:1px solid #d8e0d5;border-radius:12px;background:#fffefb;box-shadow:0 7px 16px rgba(26,57,44,.06)}
  .orders-group .proxy-table td{display:block!important;width:auto!important;min-width:0!important;padding:8px 3px!important;border-bottom:1px solid #edf0ea!important;overflow:visible!important}
  .orders-group .proxy-table td::before{display:block;margin-bottom:4px;color:#849189;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
  .orders-group .proxy-table td:nth-child(1){position:absolute;top:10px;right:11px;width:auto!important;padding:0!important;border:0!important}
  .orders-group .proxy-table td:nth-child(2){grid-column:1/-1;padding-right:30px!important}
  .orders-group .proxy-table td:nth-child(2)::before{content:"Mã / proxy"}
  .orders-group .proxy-table td:nth-child(3)::before{content:"IP gốc"}
  .orders-group .proxy-table td:nth-child(4)::before{content:"IP trung gian"}
  .orders-group .proxy-table td:nth-child(5)::before{content:"Loại"}
  .orders-group .proxy-table td:nth-child(6)::before{content:"Hạn sử dụng"}
  .orders-group .proxy-table td:nth-child(7){grid-column:1/-1;border-bottom:0}
  .orders-group .proxy-table td:nth-child(7)::before{content:"Quản lý"}
  .orders-group .proxy-table .proxy-value{display:flex;width:100%;min-width:0!important;align-items:flex-start;gap:5px!important}
  .orders-group .proxy-table .proxy-lines{display:grid;min-width:0;overflow:hidden;gap:2px}
  .orders-group .proxy-table .proxy-lines code{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px!important}
  .orders-group .proxy-table .proxy-value button{padding:5px 6px!important;font-size:8px!important}
  .orders-group .proxy-table .proxy-actions{display:grid;grid-template-columns:1fr;gap:5px;min-width:0!important}
  .orders-group .proxy-table .proxy-actions button{min-width:0;padding:6px 4px!important;font-size:9px!important}
  .orders-group .proxy-table .proxy-type{font-size:9px}
  .orders-group .proxy-table .remaining-time{font-size:11px}
  .orders-group .proxy-table .expiry-date{font-size:9px}
  .rotating-orders .proxy-table td:nth-child(2)::before{content:"Mã / kỳ"}
  .rotating-orders .proxy-table td:nth-child(3)::before{content:"Key xoay"}
  .rotating-orders .proxy-table td:nth-child(4)::before{content:"HTTP"}
  .rotating-orders .proxy-table td:nth-child(5)::before{content:"SOCKS5"}
  .rotating-orders .proxy-table td:nth-child(6)::before{content:"Chu kỳ"}
  .rotating-orders .proxy-table td:nth-child(7)::before{content:"Quản lý"}
}
/* Wallet: use balanced columns on desktop and compact stacked cards on phones. */
.wallet-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
.wallet-layout>.wallet-card,.wallet-layout>.deposit-card{min-width:0;height:100%}
.wallet-card{min-height:0!important}
@media(max-width:760px){
  .wallet-layout{grid-template-columns:1fr!important;gap:12px!important}
  .wallet-card{min-height:150px!important;padding:20px!important}
  .wallet-card:after{font-size:175px!important;bottom:-54px!important}
  .wallet-card strong{font-size:34px!important}
}
/* Admin users: give the dense table a clear hierarchy and predictable columns. */
#adminUsersPanel .table-wrap{border:1px solid #d9dfd5!important;border-radius:14px!important;background:rgba(255,255,252,.92)!important;box-shadow:0 10px 24px rgba(26,57,44,.07)!important}
#adminUsersPanel table{table-layout:fixed!important;min-width:0!important}
#adminUsersPanel th{padding:13px 14px!important;background:#f1f2eb!important;color:#53645c!important;font-size:9px!important;letter-spacing:.14em!important;white-space:nowrap}
#adminUsersPanel td{padding:14px!important;border-bottom:1px solid #e6e9e1!important;vertical-align:middle!important;color:#293a32!important;font-size:11px!important}
#adminUsersPanel tbody tr:last-child td{border-bottom:0!important}
#adminUsersPanel th:nth-child(1),#adminUsersPanel td:nth-child(1){width:26%}
#adminUsersPanel th:nth-child(2),#adminUsersPanel td:nth-child(2){width:8%;font-weight:800;color:#456258}
#adminUsersPanel th:nth-child(3),#adminUsersPanel td:nth-child(3){width:10%;font-weight:800;white-space:nowrap}
#adminUsersPanel th:nth-child(4),#adminUsersPanel td:nth-child(4){width:12%}
#adminUsersPanel th:nth-child(5),#adminUsersPanel td:nth-child(5){width:12%;white-space:nowrap}
#adminUsersPanel th:nth-child(6),#adminUsersPanel td:nth-child(6){width:18%}
#adminUsersPanel th:nth-child(7),#adminUsersPanel td:nth-child(7){width:14%}
#adminUsersPanel td:first-child strong{display:block;overflow:hidden;color:#182b23;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
#adminUsersPanel td:first-child small{display:block;margin-top:4px;overflow:hidden;color:#849189;font:10px Consolas,"Courier New",monospace;text-overflow:ellipsis;white-space:nowrap}
#adminUsersPanel .admin-user-link{display:block;max-width:100%;padding:0;border:0;background:transparent;color:#182b23;text-align:left;cursor:pointer}#adminUsersPanel .admin-user-link strong{color:inherit}#adminUsersPanel .admin-user-link:hover strong{color:var(--orange);text-decoration:underline}
#adminUsersPanel .admin-proxy-count{min-height:30px;padding:6px 8px!important;border-color:#b8cabe!important;background:#f7fbf6!important;color:#176247!important;font-size:10px!important}
#adminUsersPanel .admin-proxy-count small{font-size:9px!important}
#adminUsersPanel .amount-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center}
#adminUsersPanel .amount-control input{width:100%;min-width:0;height:34px;padding:7px 9px;border:1px solid #d7ddd5;border-radius:7px;background:#fffefb;color:#263a31;font:11px var(--font-ui);outline:0}
#adminUsersPanel .amount-control input:focus{border-color:#e9652d;box-shadow:0 0 0 3px rgba(233,101,45,.1)}
#adminUsersPanel .amount-control button{height:34px;border:0;border-radius:7px;background:#1d332a;color:#fff;padding:0 10px;font:800 10px var(--font-ui);cursor:pointer}
#adminUsersPanel .amount-control button:hover{background:#e9652d}
#adminUsersPanel .admin-user-actions{gap:5px;min-width:0}
#adminUsersPanel .admin-user-actions button{min-height:29px;padding:6px 8px!important;border-radius:7px!important;font-size:10px!important}
#adminUsersPanel .admin-action-muted{display:inline-block;color:#728079;font-size:10px;line-height:1.4}
@media(max-width:760px){
  #adminUsersPanel .table-wrap{overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
  #adminUsersPanel table,#adminUsersPanel tbody{display:block!important;width:100%!important}
  #adminUsersPanel thead{display:none!important}
  #adminUsersPanel tbody{display:grid!important;gap:10px}
  #adminUsersPanel tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;padding:11px;border:1px solid #d9dfd5;border-radius:13px;background:rgba(255,255,252,.94);box-shadow:0 7px 17px rgba(26,57,44,.06)}
  #adminUsersPanel td{display:block!important;width:auto!important;padding:9px 4px!important;border-bottom:1px solid #edf0ea!important;font-size:11px!important}
  #adminUsersPanel td::before{display:block;margin-bottom:4px;color:#839087;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
  #adminUsersPanel td:nth-child(1){grid-column:1/-1}
  #adminUsersPanel td:nth-child(1)::before{content:"Khách hàng"}
  #adminUsersPanel td:nth-child(2)::before{content:"Vai trò"}
  #adminUsersPanel td:nth-child(3)::before{content:"Số dư"}
  #adminUsersPanel td:nth-child(4)::before{content:"Proxy"}
  #adminUsersPanel td:nth-child(5)::before{content:"Ngày tạo"}
  #adminUsersPanel td:nth-child(6)::before{content:"Điều chỉnh"}
  #adminUsersPanel td:nth-child(7){grid-column:1/-1;border-bottom:0}
  #adminUsersPanel td:nth-child(7)::before{content:"Thao tác"}
  #adminUsersPanel .admin-user-actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}
  #adminUsersPanel .admin-user-actions button{width:100%;padding-left:4px!important;padding-right:4px!important}
  #adminUsersPanel .amount-control{grid-template-columns:minmax(0,1fr) auto}
}
@media(max-width:760px){.mobile-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
/* Compact wallet layout: keep the payment flow focused instead of oversized. */
#page-wallet .wallet-layout{width:min(100%,860px);margin:0 auto;gap:14px!important}
#page-wallet .wallet-card{min-height:205px!important;padding:24px!important}
#page-wallet .wallet-card:after{font-size:175px!important;right:-10px!important;bottom:-54px!important}
#page-wallet .wallet-card small{font-size:9px!important}
#page-wallet .wallet-card strong{font-size:34px!important;margin-top:10px!important}
#page-wallet .deposit-card{padding:24px!important}
#page-wallet .deposit-card-head{margin-bottom:14px!important}
#page-wallet .deposit-card h2{font-size:22px!important}
#page-wallet .money-input{height:52px!important}
#page-wallet .money-input input{font-size:21px!important}
#page-wallet .money-input span{min-width:58px!important;font-size:11px!important}
#page-wallet .deposit-package-picker{margin:10px 0 14px!important;padding:10px!important}
#page-wallet .deposit-package-picker>div:first-child{margin-bottom:8px!important}
#page-wallet .deposit-package-picker .quick-money button{min-height:34px!important;font-size:10px!important}
#page-wallet .deposit-card .primary{min-height:44px!important;font-size:11px!important}
#page-wallet .deposit-history-heading,#page-wallet .deposit-history,#page-wallet .deposit-pagination{width:min(100%,860px);margin-left:auto!important;margin-right:auto!important}
@media(max-width:760px){
  #page-wallet .wallet-layout{width:100%;gap:12px!important}
  #page-wallet .wallet-card{min-height:138px!important;padding:18px!important}
  #page-wallet .wallet-card:after{font-size:145px!important;bottom:-46px!important}
  #page-wallet .wallet-card strong{font-size:29px!important}
  #page-wallet .deposit-card{padding:18px!important}
  #page-wallet .deposit-card h2{font-size:21px!important}
  #page-wallet .money-input{height:50px!important}
  #page-wallet .money-input input{font-size:20px!important}
}
body{background-image:none!important}
body{background-image:linear-gradient(rgba(10,6,2,.22),rgba(10,6,2,.22)),url("/assets/ui/network-orange.png")!important;background-position:center;background-size:cover;background-attachment:fixed}.shell{background:rgba(242,239,229,.93)!important}

/* A calm, legible top-up form that remains easy to use on narrow screens. */
.deposit-card{padding:30px!important;border:1px solid #e5dfd3!important;border-radius:18px!important;background:linear-gradient(145deg,#fffefa,#faf7ef)!important;box-shadow:0 14px 32px rgba(55,47,32,.07)!important}.deposit-card-head{margin-bottom:20px}.deposit-card .eyebrow{margin:0 0 5px!important;color:var(--orange)!important;font-size:9px!important;letter-spacing:.17em!important}.deposit-card h2{margin:0!important;color:var(--ink)!important;font-family:var(--font-ui)!important;font-size:26px!important;font-weight:800!important;letter-spacing:-.035em!important}.deposit-card>label{margin:0 0 7px!important;color:#647069!important;font-size:10px!important;letter-spacing:.08em!important}.money-input{height:60px!important;border:1px solid #ddd7ca!important;border-radius:10px!important;overflow:hidden;background:#fff!important;box-shadow:inset 0 1px 1px rgba(36,31,22,.03)}.money-input input{height:100%;padding:0 17px!important;color:#19271f!important;background:transparent!important;font-family:var(--font-ui)!important;font-size:24px!important;font-weight:800!important;letter-spacing:-.02em}.money-input span{display:grid;place-items:center;align-self:stretch;min-width:68px!important;padding:0!important;border-left:1px solid #e5dfd3!important;background:#f5eee5!important;color:#bc5b2d!important;font-size:12px!important;font-weight:900!important}.deposit-package-picker{margin:14px 0 18px!important;padding:13px!important;border:0!important;border-radius:12px!important;background:#f5f1e8!important}.deposit-package-picker>div:first-child{align-items:center!important;margin:0 0 10px!important}.deposit-package-picker b{color:#21342a!important;font-size:12px!important;font-weight:800!important}.deposit-package-picker small{color:#8c5b40!important;font-size:10px!important;font-weight:700!important}.deposit-package-picker .quick-money{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.deposit-package-picker .quick-money button{min-height:38px!important;border:1px solid #e3dcd0!important;border-radius:8px!important;background:#fffdf9!important;color:#304239!important;font-family:var(--font-ui)!important;font-size:11px!important;font-weight:800!important;transition:background .18s,border-color .18s,color .18s,transform .18s}.deposit-package-picker .quick-money button:hover{border-color:#e9652d!important;background:#fff3eb!important;color:#bd5527!important;transform:translateY(-1px)}.deposit-card .primary{min-height:50px!important;border:0!important;border-radius:10px!important;background:var(--orange)!important;box-shadow:0 9px 17px rgba(209,83,31,.22)!important;font-size:12px!important}.deposit-card .primary:hover{background:#cf5522!important}.deposit-card .primary span{color:#fff4e8!important}@media(max-width:760px){.deposit-card{padding:20px!important;border-radius:15px!important}.deposit-card-head{margin-bottom:17px}.deposit-card h2{font-size:23px!important}.money-input{height:56px!important}.money-input input{font-size:22px!important}.deposit-package-picker{margin:12px 0 16px!important;padding:11px!important}.deposit-package-picker>div:first-child{align-items:flex-start!important;flex-direction:column!important;gap:3px!important}.deposit-package-picker small{line-height:1.4!important;text-align:left!important}.deposit-card .primary{min-height:48px!important}}@media(max-width:420px){.deposit-package-picker .quick-money{grid-template-columns:repeat(2,minmax(0,1fr))!important}.deposit-package-picker .quick-money button{min-height:40px!important}}

/* Keep card controls aligned at the bottom, regardless of description length. */
.inline-buy-card,
.rotate-card { display: flex; flex-direction: column; align-self: stretch; height: auto; }
.inline-buy-card .card-total,
.rotate-card .card-total { margin-top: auto; }

/* Reserve identical space for titles and benefit lists before form controls. */
@media (min-width: 900px) {
  .inline-buy-card h3 { min-height: 42px; }
  .inline-buy-card .benefits { min-height: 72px; }
}

/* Keep the proxy-exchange form inside a narrow dialog without horizontal overflow. */
.proxy-rotate-modal{width:min(390px,calc(100vw - 24px));max-width:calc(100vw - 24px);overflow:hidden}
.proxy-rotate-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.proxy-rotate-modal .form-grid label,.proxy-rotate-modal input,.proxy-rotate-modal select{min-width:0;width:100%}
.rotate-fee{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;padding:10px 12px;border:1px dashed #e5b38e;border-radius:8px;background:#fff2e7;color:#8f512b;font-size:11px;font-weight:800}
.rotate-fee strong{color:#e9652d;font:750 18px var(--font-display)}
.rotate-fee small{grid-column:1/-1;color:#8f6b56;font-size:9px;font-weight:600;line-height:1.35}
@media(max-width:410px){.proxy-rotate-modal>section{padding:19px 16px}.proxy-rotate-modal .form-grid{grid-template-columns:1fr}.proxy-rotate-modal footer{flex-wrap:wrap}.proxy-rotate-modal footer button{flex:1 1 120px}}
.toolbar-export{height:34px;border:1px solid #9ab1a3;border-radius:8px;background:#fffefb;color:#174637;padding:0 12px;font:800 11px var(--font-ui);cursor:pointer}.toolbar-export:hover{border-color:#174637;background:#edf6ef}.toolbar-export:disabled{border-color:#d5d4cd;background:#f0efeb;color:#8d8c84;cursor:not-allowed}@media(max-width:760px){.toolbar-export{order:5;flex:1}.toolbar-copy{order:5;flex:1}.selection-count{order:6}}
.toolbar-menu{position:relative;display:inline-flex}.toolbar-menu-list{position:absolute;top:calc(100% + 6px);left:0;z-index:12;min-width:172px;padding:5px;border:1px solid #c7d2c5;border-radius:9px;background:#fffefb;box-shadow:0 12px 24px rgba(24,59,46,.14)}.toolbar-menu-list[hidden]{display:none}.toolbar-menu-list button{display:block;width:100%;border:0;border-radius:6px;background:transparent;color:#174637;padding:8px 9px;text-align:left;font:800 10px var(--font-ui);cursor:pointer}.toolbar-menu-list button:hover{background:#edf6ef}.toolbar-copy span,.toolbar-export span{margin-left:4px;font-size:12px}.toolbar-copy[aria-expanded="true"],.toolbar-export[aria-expanded="true"]{border-color:#174637;box-shadow:0 0 0 3px rgba(23,70,55,.1)}@media(max-width:760px){.toolbar-menu{order:5;flex:1}.toolbar-menu>.toolbar-copy,.toolbar-menu>.toolbar-export{width:100%}}
.demo-rotating-key{color:#9a5714!important;font-style:italic}.rotating-orders .proxy-order-cell b{font-size:12px}
.rotating-key-actions{display:flex;flex-direction:column;gap:5px}.rotating-key-actions button{border:1px solid #8ca797;border-radius:6px;background:#fff;color:#174637;padding:5px 7px;font:800 9px var(--font-ui);cursor:pointer;white-space:nowrap}.rotating-key-actions button:first-child{background:#176247;border-color:#176247;color:#fff}.rotating-key-actions button:first-child:hover{background:#0d4633}.rotating-key-actions button:disabled{opacity:.6;cursor:wait}
.pending-rotating-address{color:#9a5714!important;font-style:italic;font-weight:700!important}.rotating-proxy-table{min-width:1050px}.rotating-proxy-table th:nth-child(1),.rotating-proxy-table td:nth-child(1){width:34px}.rotating-proxy-table th:nth-child(2),.rotating-proxy-table td:nth-child(2){width:130px}.rotating-proxy-table th:nth-child(3),.rotating-proxy-table td:nth-child(3),.rotating-proxy-table th:nth-child(4),.rotating-proxy-table td:nth-child(4),.rotating-proxy-table th:nth-child(5),.rotating-proxy-table td:nth-child(5){width:21%}.rotating-proxy-table th:nth-child(6),.rotating-proxy-table td:nth-child(6){width:76px}.rotating-proxy-table th:nth-child(7),.rotating-proxy-table td:nth-child(7){width:84px}.rotating-proxy-table th:nth-child(8),.rotating-proxy-table td:nth-child(8){width:90px}
.rotating-proxy-table{width:1240px!important;min-width:1240px!important;table-layout:fixed}.rotating-proxy-table th:nth-child(3),.rotating-proxy-table td:nth-child(3),.rotating-proxy-table th:nth-child(4),.rotating-proxy-table td:nth-child(4),.rotating-proxy-table th:nth-child(5),.rotating-proxy-table td:nth-child(5){width:240px}.rotating-proxy-table th{white-space:nowrap}
/* The rotating-key table fits the page on desktop and reserves horizontal scrolling for phones only. */
@media(min-width:761px){.rotating-proxy-table{width:100%!important;min-width:0!important;table-layout:fixed}.rotating-proxy-table th,.rotating-proxy-table td{padding-left:8px;padding-right:8px}.rotating-proxy-table th{white-space:normal;line-height:1.25}.rotating-proxy-table th:nth-child(1),.rotating-proxy-table td:nth-child(1){width:3%}.rotating-proxy-table th:nth-child(2),.rotating-proxy-table td:nth-child(2){width:12%}.rotating-proxy-table th:nth-child(3),.rotating-proxy-table td:nth-child(3){width:23%}.rotating-proxy-table th:nth-child(4),.rotating-proxy-table td:nth-child(4),.rotating-proxy-table th:nth-child(5),.rotating-proxy-table td:nth-child(5){width:18%}.rotating-proxy-table th:nth-child(6),.rotating-proxy-table td:nth-child(6){width:7%}.rotating-proxy-table th:nth-child(7),.rotating-proxy-table td:nth-child(7){width:7%}.rotating-proxy-table th:nth-child(8),.rotating-proxy-table td:nth-child(8){width:12%}.rotating-proxy-table .proxy-value{min-width:0}.rotating-proxy-table .proxy-value code{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px}.rotating-proxy-table .proxy-order-cell b{font-size:11px}.rotating-proxy-table .proxy-order-cell small{font-size:9px}.rotating-proxy-table .remaining-time{font-size:11px}.rotating-proxy-table .rotating-key-actions{gap:4px}.rotating-proxy-table .rotating-key-actions button{padding:4px 5px;font-size:8px}}
@media(max-width:760px){.rotating-proxy-table{width:920px!important;min-width:920px!important}.rotating-proxy-table th:nth-child(3),.rotating-proxy-table td:nth-child(3),.rotating-proxy-table th:nth-child(4),.rotating-proxy-table td:nth-child(4),.rotating-proxy-table th:nth-child(5),.rotating-proxy-table td:nth-child(5){width:205px}}
/* Keep rotating proxy addresses readable without treating the gateway as a promoted option. */
.recommended-cell{background:transparent!important}.recommended-cell .proxy-value code{color:#132e26}
@media(min-width:761px){.proxy-table:not(.rotating-proxy-table) th:nth-child(1),.proxy-table:not(.rotating-proxy-table) td:nth-child(1){width:3%!important}.proxy-table:not(.rotating-proxy-table) th:nth-child(2),.proxy-table:not(.rotating-proxy-table) td:nth-child(2){width:18%!important}.proxy-table:not(.rotating-proxy-table) th:nth-child(3),.proxy-table:not(.rotating-proxy-table) td:nth-child(3){width:8%!important}.proxy-table:not(.rotating-proxy-table) th:nth-child(4),.proxy-table:not(.rotating-proxy-table) td:nth-child(4){width:24%!important}.proxy-table:not(.rotating-proxy-table) th:nth-child(5),.proxy-table:not(.rotating-proxy-table) td:nth-child(5){width:24%!important}.proxy-table:not(.rotating-proxy-table) th:nth-child(6),.proxy-table:not(.rotating-proxy-table) td:nth-child(6){width:11%!important}.proxy-table:not(.rotating-proxy-table) th:nth-child(7),.proxy-table:not(.rotating-proxy-table) td:nth-child(7){width:12%!important}.rotating-proxy-table th:nth-child(1),.rotating-proxy-table td:nth-child(1){width:3%!important}.rotating-proxy-table th:nth-child(2),.rotating-proxy-table td:nth-child(2){width:18%!important}.rotating-proxy-table th:nth-child(3),.rotating-proxy-table td:nth-child(3){width:8%!important}.rotating-proxy-table th:nth-child(4),.rotating-proxy-table td:nth-child(4){width:24%!important}.rotating-proxy-table th:nth-child(5),.rotating-proxy-table td:nth-child(5){width:12%!important}.rotating-proxy-table th:nth-child(6),.rotating-proxy-table td:nth-child(6){width:14%!important}.rotating-proxy-table th:nth-child(7),.rotating-proxy-table td:nth-child(7){width:8%!important}.rotating-proxy-table th:nth-child(8),.rotating-proxy-table td:nth-child(8){width:13%!important}.proxy-table .proxy-value button{margin-left:0}.proxy-table .proxy-value>code{flex:0 1 auto;max-width:calc(100% - 58px);white-space:nowrap;text-overflow:ellipsis}.proxy-table .proxy-value .proxy-lines{flex:0 1 auto;max-width:calc(100% - 48px)}}

.proxy-order-cell b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(min-width:761px){.rotating-proxy-table th:nth-child(1),.rotating-proxy-table td:nth-child(1){width:3%!important}.rotating-proxy-table th:nth-child(2),.rotating-proxy-table td:nth-child(2){width:18%!important}.rotating-proxy-table th:nth-child(3),.rotating-proxy-table td:nth-child(3){width:32%!important}.rotating-proxy-table th:nth-child(4),.rotating-proxy-table td:nth-child(4){width:14%!important}.rotating-proxy-table th:nth-child(5),.rotating-proxy-table td:nth-child(5){width:15%!important}.rotating-proxy-table th:nth-child(6),.rotating-proxy-table td:nth-child(6){width:8%!important}.rotating-proxy-table th:nth-child(7),.rotating-proxy-table td:nth-child(7){width:10%!important}}

@media(min-width:761px){.rotating-proxy-table th:nth-child(2),.rotating-proxy-table td:nth-child(2){width:15%!important}.rotating-proxy-table th:nth-child(3),.rotating-proxy-table td:nth-child(3){width:28%!important}.rotating-proxy-table th:nth-child(4),.rotating-proxy-table td:nth-child(4){width:18%!important}.rotating-proxy-table th:nth-child(5),.rotating-proxy-table td:nth-child(5){width:20%!important}.rotating-proxy-table th:nth-child(6),.rotating-proxy-table td:nth-child(6){width:7%!important}.rotating-proxy-table th:nth-child(7),.rotating-proxy-table td:nth-child(7){width:9%!important}.rotating-proxy-table td:nth-child(4) .proxy-value>code,.rotating-proxy-table td:nth-child(5) .proxy-value>code{flex:1;max-width:none;overflow:visible;text-overflow:clip}}

@media(min-width:761px){.rotating-proxy-table th:nth-child(3),.rotating-proxy-table td:nth-child(3){width:24%!important}.rotating-proxy-table th:nth-child(5),.rotating-proxy-table td:nth-child(5){width:24%!important}.rotating-proxy-table td:nth-child(5) .proxy-value>code{flex:0 1 auto;max-width:calc(100% - 58px);overflow:hidden;text-overflow:ellipsis}}

.admin-user-actions{display:grid;gap:5px;min-width:90px}.admin-user-actions button,.admin-proxy-count{border:1px solid #b7c7b8;border-radius:6px;background:#fff;color:#174637;padding:5px 7px;font:800 9px var(--font-ui);cursor:pointer;white-space:nowrap}.admin-user-actions button:hover,.admin-proxy-count:hover{background:#174637;border-color:#174637;color:#fff}.admin-user-actions .danger{border-color:#db9d88;color:#a64429}.admin-user-actions .danger:hover{background:#b94f31;border-color:#b94f31;color:#fff}.admin-proxy-count small{font-weight:700}.admin-action-muted{color:#6c776f;font-size:10px;font-weight:700}.admin-orders-modal{width:min(760px,calc(100% - 28px));border:1px solid #d4ddd0;border-radius:15px;background:#fffdf7;color:#18362c;box-shadow:0 24px 70px rgba(22,49,40,.25);padding:0}.admin-orders-modal>section{padding:24px}.admin-orders-modal header{padding-right:28px}.admin-orders-modal h2{margin:5px 0 3px;font:750 23px var(--font-display)}.admin-orders-modal header small{color:#627269;font-size:11px;font-weight:700}.admin-user-proxies{display:grid;gap:9px;margin-top:18px;max-height:min(56vh,460px);overflow:auto}.admin-user-order{border:1px solid #d9dfd4;border-radius:10px;background:#fff;padding:10px 12px}.admin-user-order header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0}.admin-user-order header strong{color:#0d3c31;font:800 12px Consolas,"Courier New",monospace}.admin-user-order header span{color:#607269;font-size:10px;font-weight:700;text-align:right}.admin-user-order>div{display:grid;gap:5px;margin-top:8px}.admin-user-order code{overflow:hidden;color:#173a2e;font:700 11px Consolas,"Courier New",monospace;white-space:nowrap;text-overflow:ellipsis}.admin-no-proxy{margin:0;padding:20px;color:#66766e;text-align:center;font-size:12px}@media(max-width:760px){.admin-orders-modal>section{padding:18px}.admin-user-order header{display:grid;gap:4px}.admin-user-order header span{text-align:left}.admin-user-actions{min-width:82px}}

.admin-tabs{display:flex;align-items:center;gap:6px;margin:0 0 12px;padding:5px;border:1px solid #d8ddd1;border-radius:12px;background:#f4f5ef;width:max-content}.admin-tabs button{display:flex;align-items:center;gap:8px;border:0;border-radius:8px;background:transparent;color:#587068;padding:8px 11px;font:800 11px var(--font-ui);cursor:pointer}.admin-tabs button:hover{color:#174637}.admin-tabs button.active{background:#176247;color:#fff;box-shadow:0 4px 10px rgba(18,72,55,.16)}.admin-tabs b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e1e9de;color:#315d4b;font-size:9px}.admin-tabs button.active b{background:#fff;color:#176247}.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:#61736a;font-size:11px;font-weight:700}.admin-pagination>div{display:flex;align-items:center;gap:7px}.admin-pagination button{border:1px solid #b7c7b8;border-radius:6px;background:#fff;color:#174637;padding:6px 9px;font:800 10px var(--font-ui);cursor:pointer}.admin-pagination button:hover:not(:disabled){background:#174637;border-color:#174637;color:#fff}.admin-pagination button:disabled{opacity:.45;cursor:not-allowed}.admin-empty-row{text-align:center!important;color:#6a776f;font-size:12px}@media(max-width:760px){.admin-tabs{width:100%}.admin-tabs button{flex:1;justify-content:center}.admin-pagination{align-items:flex-start;flex-direction:column}.admin-pagination>div{width:100%;justify-content:space-between}}
.deposit-qr-card{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:28px;margin-top:18px;padding:24px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,#fffefb,#f5f5eb);box-shadow:0 7px 20px rgba(34,49,43,.045)}.deposit-qr-image{display:grid;place-items:center;min-height:280px;padding:18px;border-radius:13px;background:#fff;border:1px solid var(--line)}.deposit-qr-image img{display:block;width:min(100%,250px);aspect-ratio:1;object-fit:contain}.deposit-qr-details{min-width:0}.deposit-qr-details h2{margin:2px 0 8px;color:var(--ink);font:750 27px var(--font-display)}.deposit-qr-details>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:12px;line-height:1.6}.deposit-qr-details dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:18px 0}.deposit-qr-details dl div{padding:9px 0;border-bottom:1px solid var(--line)}.deposit-qr-details dt{color:var(--muted);font-size:10px}.deposit-qr-details dd{margin:4px 0 0;color:var(--ink);font-weight:800;font-size:13px;word-break:break-word}.deposit-transfer-note{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;padding:12px;border-radius:10px;background:#fff0e5;border:1px solid #f0cbb8}.deposit-transfer-note small{grid-column:1/-1;color:#9a5636;font-size:10px;font-weight:800}.deposit-transfer-note code{color:#9a3d1c;font:800 14px Consolas,monospace;word-break:break-all}.deposit-transfer-note button{border:1px solid #d98a65;border-radius:7px;background:#fff;color:#a34b2b;padding:7px 10px;font:800 10px var(--font-ui);cursor:pointer}.deposit-qr-status{margin-bottom:0!important;color:var(--forest)!important;font-weight:800}.deposit-qr-card.hidden{display:none!important}@media(max-width:760px){.deposit-qr-card{grid-template-columns:1fr;gap:16px;padding:16px}.deposit-qr-image{min-height:220px}.deposit-qr-details dl{grid-template-columns:1fr}}
.wallet-layout{align-items:stretch}.deposit-card{display:flex;flex-direction:column;justify-content:center;border-radius:17px;background:linear-gradient(145deg,#fffefb,#f6f4e9)}.deposit-card .eyebrow{margin:0 0 7px}.deposit-card .form-note{margin:12px 0 0;line-height:1.45}.deposit-history{border-radius:13px}.deposit-history th{padding-top:12px;padding-bottom:12px}.deposit-history td{padding-top:13px;padding-bottom:13px}.deposit-empty-row{padding:28px!important;text-align:center;color:var(--muted)}.deposit-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:var(--muted);font-size:11px;font-weight:700}.deposit-pagination>div{display:flex;align-items:center;gap:8px}.deposit-pagination button{border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--forest);padding:7px 10px;font:800 10px var(--font-ui);cursor:pointer}.deposit-pagination button:not(:disabled):hover{background:var(--forest);border-color:var(--forest);color:#fff}.deposit-pagination button:disabled{opacity:.45;cursor:not-allowed}.deposit-pagination b{font-size:10px;color:var(--ink)}@media(max-width:760px){.deposit-pagination{align-items:flex-start;flex-direction:column}.deposit-pagination>div{width:100%;justify-content:space-between}}
.deposit-conversion{margin:7px 0 0!important;color:#9a5636!important;font-size:11px!important;font-weight:800;line-height:1.4!important}.deposit-qr-details>.deposit-conversion{margin-top:4px!important}@media(max-width:760px){.deposit-qr-card{gap:12px;padding:14px}.deposit-qr-image{min-height:0;padding:10px}.deposit-qr-image img{width:min(200px,100%)}.deposit-qr-details h2{margin:1px 0 5px;font-size:22px}.deposit-qr-details>p:not(.eyebrow){margin:0;font-size:11px;line-height:1.45}.deposit-qr-details dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin:10px 0}.deposit-qr-details dl div{padding:6px 0}.deposit-qr-details dt{font-size:9px}.deposit-qr-details dd{margin-top:2px;font-size:11px}.deposit-transfer-note{grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:9px}.deposit-transfer-note code{overflow:hidden;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.deposit-transfer-note button{padding:6px 8px;font-size:9px}.deposit-qr-status{margin-top:8px!important;font-size:11px}.deposit-card .form-note{font-size:10px}.deposit-card .deposit-conversion{font-size:10px!important}}

/* Wallet cards: keep the top-up panel compact and remove the decorative Xu watermark. */
#page-wallet .wallet-card{min-height:176px!important;padding:20px!important}
#page-wallet .wallet-card::after{display:none!important}
#page-wallet .wallet-card small{font-size:8px!important;letter-spacing:.14em!important}
#page-wallet .wallet-card strong{font-size:31px!important;margin:8px 0 0!important;line-height:1.05!important}
#page-wallet .deposit-card{padding:20px!important}
#page-wallet .deposit-card h2{font-size:21px!important}
#page-wallet .deposit-card>label{font-size:9px!important;margin:13px 0 6px!important}
#page-wallet .money-input{height:48px!important}
#page-wallet .money-input input{font-size:20px!important;padding:0 14px!important}
#page-wallet .money-input span{min-width:52px!important;font-size:10px!important}
#page-wallet .deposit-package-picker{margin:9px 0 12px!important;padding:9px!important}
#page-wallet .deposit-package-picker b{font-size:11px!important}
#page-wallet .deposit-package-picker small{font-size:9px!important}
#page-wallet .deposit-package-picker .quick-money button{min-height:31px!important;font-size:10px!important}
#page-wallet .deposit-card .primary{min-height:42px!important;font-size:11px!important}
@media(max-width:760px){
  #page-wallet .wallet-card{min-height:124px!important;padding:16px!important}
  #page-wallet .wallet-card strong{font-size:27px!important}
  #page-wallet .deposit-card{padding:16px!important}
  #page-wallet .deposit-card h2{font-size:19px!important}
  #page-wallet .money-input{height:46px!important}
  #page-wallet .money-input input{font-size:18px!important}
  #page-wallet .deposit-card .primary{min-height:40px!important}
}

#page-wallet .usage-history-heading{margin-top:28px!important}
#page-wallet .usage-history td:first-child{width:52%}
#page-wallet .usage-amount{color:var(--orange);font-weight:800;white-space:nowrap}
#page-wallet .usage-amount::before{content:"−";margin-right:2px}
#page-wallet .usage-pagination{margin-bottom:8px}

.coin-icon{display:inline-block;width:18px;height:18px;object-fit:contain;vertical-align:-4px;flex:0 0 auto}
.coin-icon.tiny{width:15px;height:15px;vertical-align:-3px}
.money-value{white-space:nowrap}
.balance-chip .coin-icon,.wallet-card .coin-icon{width:20px;height:20px;vertical-align:-4px}
.money-input>span .coin-icon{width:18px;height:18px;vertical-align:middle}

/* Keep every wallet panel on the same centered content width. */
#page-wallet .wallet-layout,
#page-wallet .deposit-qr-card,
#page-wallet .deposit-history-heading,
#page-wallet .deposit-history,
#page-wallet .usage-history-heading,
#page-wallet .usage-history,
#page-wallet .deposit-pagination{width:min(100%,860px)!important;margin-left:auto!important;margin-right:auto!important}
#page-wallet .wallet-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#page-wallet .wallet-layout>.wallet-card,
#page-wallet .wallet-layout>.deposit-card{width:100%!important;min-width:0!important}
@media(max-width:760px){#page-wallet .wallet-layout{grid-template-columns:1fr!important;width:100%!important}#page-wallet .deposit-qr-card,#page-wallet .deposit-history-heading,#page-wallet .deposit-history,#page-wallet .usage-history-heading,#page-wallet .usage-history,#page-wallet .deposit-pagination{width:100%!important}}

/* Orders: preserve every proxy value and keep action buttons in their own space. */
@media(min-width:761px){
  .orders-group .proxy-table{width:100%!important;min-width:1000px!important;table-layout:fixed!important}
  .orders-group .proxy-table th,.orders-group .proxy-table td{overflow:visible!important;vertical-align:middle!important}
  .orders-group:not(.rotating-orders) .proxy-table th:nth-child(1),.orders-group:not(.rotating-orders) .proxy-table td:nth-child(1){width:36px!important}
  .orders-group:not(.rotating-orders) .proxy-table th:nth-child(2),.orders-group:not(.rotating-orders) .proxy-table td:nth-child(2){width:16%!important}
  .orders-group:not(.rotating-orders) .proxy-table th:nth-child(3),.orders-group:not(.rotating-orders) .proxy-table td:nth-child(3){width:9%!important}
  .orders-group:not(.rotating-orders) .proxy-table th:nth-child(4),.orders-group:not(.rotating-orders) .proxy-table td:nth-child(4),.orders-group:not(.rotating-orders) .proxy-table th:nth-child(5),.orders-group:not(.rotating-orders) .proxy-table td:nth-child(5){width:23%!important}
  .orders-group:not(.rotating-orders) .proxy-table th:nth-child(6),.orders-group:not(.rotating-orders) .proxy-table td:nth-child(6){width:14%!important}
  .orders-group:not(.rotating-orders) .proxy-table th:nth-child(7),.orders-group:not(.rotating-orders) .proxy-table td:nth-child(7){width:130px!important}
  .orders-group .proxy-value{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px!important}
  .orders-group .proxy-value .proxy-lines{min-width:0!important;overflow:visible!important}
  .orders-group .proxy-value .proxy-lines code{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;overflow:visible!important;text-overflow:clip!important}
  .orders-group .proxy-actions{min-width:120px!important;width:120px!important}
  .orders-group .proxy-actions button{white-space:nowrap!important}
}
@media(max-width:760px){
  .orders-group .proxy-table .proxy-lines{overflow:visible!important}
  .orders-group .proxy-table .proxy-lines code{white-space:normal!important;overflow-wrap:anywhere!important;overflow:visible!important;text-overflow:clip!important;line-height:1.35!important}
  .orders-group .proxy-table .proxy-value{align-items:flex-start!important}
  .orders-group .proxy-table .proxy-value button{flex:0 0 auto!important;white-space:nowrap!important}
  .orders-group .proxy-table .proxy-actions{width:100%!important}
  .orders-group .proxy-table .proxy-actions button{width:100%!important;white-space:normal!important}
}

@media(min-width:761px){
  #orderList .proxy-table{width:100%!important;min-width:1000px!important;table-layout:fixed!important}
  #orderList .proxy-table th,#orderList .proxy-table td{overflow:visible!important;vertical-align:middle!important}
  #orderList .proxy-table:not(.rotating-proxy-table) th:nth-child(1),#orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(1){width:36px!important}
  #orderList .proxy-table:not(.rotating-proxy-table) th:nth-child(2),#orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(2){width:16%!important}
  #orderList .proxy-table:not(.rotating-proxy-table) th:nth-child(3),#orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(3){width:9%!important}
  #orderList .proxy-table:not(.rotating-proxy-table) th:nth-child(4),#orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(4),#orderList .proxy-table:not(.rotating-proxy-table) th:nth-child(5),#orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(5){width:23%!important}
  #orderList .proxy-table:not(.rotating-proxy-table) th:nth-child(6),#orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(6){width:14%!important}
  #orderList .proxy-table:not(.rotating-proxy-table) th:nth-child(7),#orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(7){width:130px!important}
  #orderList .proxy-value{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px!important}
  #orderList .proxy-value .proxy-lines{min-width:0!important;overflow:visible!important}
  #orderList .proxy-value .proxy-lines code{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;overflow:visible!important;text-overflow:clip!important}
  #orderList .proxy-actions{min-width:120px!important;width:120px!important}
}
@media(max-width:760px){
  #orderList .proxy-table .proxy-lines{overflow:visible!important}
  #orderList .proxy-table .proxy-lines code{white-space:normal!important;overflow-wrap:anywhere!important;overflow:visible!important;text-overflow:clip!important;line-height:1.35!important}
  #orderList .proxy-table .proxy-value{align-items:flex-start!important}
  #orderList .proxy-table .proxy-value button{flex:0 0 auto!important;white-space:nowrap!important}
  #orderList .proxy-table .proxy-actions,#orderList .proxy-table .proxy-actions button{width:100%!important}
  #orderList .proxy-table .proxy-actions button{white-space:normal!important}
}

@media(max-width:760px){
  #orderList .proxy-table-wrap{overflow:visible!important}
  #orderList .proxy-table,#orderList .proxy-table tbody{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important}
  #orderList .proxy-table thead{display:none!important}
  #orderList .proxy-table tbody{display:grid!important;gap:10px}
  #orderList .proxy-table tr{position:relative;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;padding:10px 11px;border:1px solid #d8e0d5;border-radius:12px;background:#fffefb;box-shadow:0 7px 16px rgba(26,57,44,.06)}
  #orderList .proxy-table td{display:block!important;width:auto!important;min-width:0!important;padding:8px 3px!important;border-bottom:1px solid #edf0ea!important;overflow:visible!important}
  #orderList .proxy-table td::before{display:block;margin-bottom:4px;color:#849189;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
  #orderList .proxy-table td:nth-child(1){position:absolute;top:10px;right:11px;width:auto!important;padding:0!important;border:0!important}
  #orderList .proxy-table td:nth-child(2){grid-column:1/-1;padding-right:30px!important}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(2)::before{content:"Mã / proxy"}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(3)::before{content:"Loại"}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(4)::before{content:"IP gốc"}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(5)::before{content:"IP trung gian"}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(6)::before{content:"Hạn sử dụng"}
  #orderList .proxy-table.rotating-proxy-table td:nth-child(2)::before{content:"Mã / kỳ"}
  #orderList .proxy-table.rotating-proxy-table td:nth-child(3)::before{content:"Key proxy xoay"}
  #orderList .proxy-table.rotating-proxy-table td:nth-child(4)::before{content:"HTTP"}
  #orderList .proxy-table.rotating-proxy-table td:nth-child(5)::before{content:"SOCKS5"}
  #orderList .proxy-table.rotating-proxy-table td:nth-child(6)::before{content:"Chu kỳ"}
  #orderList .proxy-table td:last-child{grid-column:1/-1;border-bottom:0}
  #orderList .proxy-table td:last-child::before{content:"Quản lý"}
}
#orderList .proxy-order-cell b,#orderList .proxy-order-cell small{overflow:visible!important;white-space:normal!important;overflow-wrap:anywhere!important;text-overflow:clip!important}
#balanceChip>small{display:none!important}
#balanceChip{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:0 12px!important;text-align:center!important;white-space:nowrap!important}
#balanceChip strong{display:inline-flex!important;align-items:center!important;gap:5px!important;margin:0!important;line-height:1!important}
#balanceChip .coin-icon{width:17px!important;height:17px!important;vertical-align:middle!important}
@media(max-width:760px){#balanceChip{height:34px!important;min-height:34px!important;padding:0 9px!important;gap:4px!important}#balanceChip strong{font-size:10px!important;gap:3px!important}#balanceChip .coin-icon{width:15px!important;height:15px!important}}

/* Mobile orders: remove the bottom taskbar and keep proxy type beside the code. */
@media(max-width:760px){
  .mobile-nav{display:none!important}
  .page{padding-bottom:24px!important}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(2){grid-column:1!important;padding-right:3px!important}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(3){grid-column:2!important}
}

/* Wallet: compact cards without stretching one card to the other's height. */
@media(min-width:761px){
  #page-wallet .wallet-layout{align-items:start!important}
  #page-wallet .wallet-layout>.wallet-card,#page-wallet .wallet-layout>.deposit-card{height:250px!important;min-height:0!important}
  #page-wallet .wallet-card{padding:18px!important}
  #page-wallet .wallet-card strong{display:flex!important;align-items:center!important;gap:6px!important;font-size:29px!important;line-height:1!important}
  #page-wallet .wallet-card .coin-icon{width:17px!important;height:17px!important;vertical-align:middle!important}
  #page-wallet .deposit-card{padding:17px!important}
  #page-wallet .deposit-card-head{margin-bottom:10px!important}
  #page-wallet .deposit-card h2{font-size:20px!important}
  #page-wallet .deposit-card>label{margin:8px 0 5px!important}
  #page-wallet .money-input{height:46px!important}
  #page-wallet .money-input input{font-size:19px!important}
  #page-wallet .deposit-package-picker{margin:8px 0 10px!important;padding:8px!important}
  #page-wallet .deposit-package-picker>div:first-child{margin-bottom:6px!important}
  #page-wallet .deposit-package-picker .quick-money button{min-height:30px!important}
  #page-wallet .deposit-card .primary{min-height:40px!important}
}
@media(max-width:760px){
  #page-wallet .wallet-layout{align-items:start!important}
  #page-wallet .wallet-layout>.wallet-card{height:132px!important;min-height:0!important}
  #page-wallet .wallet-layout>.deposit-card{height:auto!important;min-height:0!important}
  #page-wallet .wallet-card strong{display:flex!important;align-items:center!important;gap:5px!important;font-size:26px!important;line-height:1!important}
  #page-wallet .wallet-card .coin-icon{width:16px!important;height:16px!important}
}
#page-wallet #depositForm>label{display:none!important}
#page-wallet #depositForm .money-input{margin-top:0!important}

/* Static proxy rows: move management actions into one right-aligned footer row. */
@media(min-width:761px){
  #orderList .proxy-table-wrap:has(.proxy-table:not(.rotating-proxy-table)){overflow:visible!important}
  #orderList .proxy-table:not(.rotating-proxy-table){display:block!important;min-width:0!important;table-layout:auto!important}
  #orderList .proxy-table:not(.rotating-proxy-table) thead,#orderList .proxy-table:not(.rotating-proxy-table) tbody{display:block!important;width:100%!important}
  #orderList .proxy-table:not(.rotating-proxy-table) thead tr,#orderList .proxy-table:not(.rotating-proxy-table) tbody tr{display:grid!important;grid-template-columns:36px minmax(104px,.8fr) 70px minmax(150px,1.2fr) minmax(150px,1.2fr) minmax(130px,.9fr);width:100%!important}
  #orderList .proxy-table:not(.rotating-proxy-table) thead tr{background:#eff2e9;border-bottom:1px solid #bdc8b9}
  #orderList .proxy-table:not(.rotating-proxy-table) tbody tr{padding:0 10px;border-bottom:1px solid #d9dfd4}
  #orderList .proxy-table:not(.rotating-proxy-table) th,#orderList .proxy-table:not(.rotating-proxy-table) td{width:auto!important;min-width:0!important;border:0!important}
  #orderList .proxy-table:not(.rotating-proxy-table) th:nth-child(n),#orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(n){width:auto!important}
  #orderList .proxy-table:not(.rotating-proxy-table) th:nth-child(7){display:none!important}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(7){grid-column:1/-1;display:flex!important;justify-content:flex-end;align-items:center;min-height:44px;padding:8px 0 10px!important;border-top:0!important}
  #orderList .proxy-table:not(.rotating-proxy-table) .proxy-actions{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-end;width:auto!important;min-width:0!important;gap:6px!important}
  #orderList .proxy-table:not(.rotating-proxy-table) .proxy-actions button{width:auto!important;min-width:104px!important;padding:6px 9px!important;white-space:nowrap!important}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(4) .proxy-value,#orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(5) .proxy-value{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(4) .proxy-value button,#orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(5) .proxy-value button{position:static!important;align-self:center!important;margin:0!important}
}

/* Use the supplied copy glyph, keeping it beside the proxy rather than as a text button. */
#orderList .proxy-value button[data-copy-proxy]{width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;border:1px solid #b9c8bb!important;border-radius:7px!important;background:#fff url("/assets/ui/copy.png") center/15px 15px no-repeat!important;font-size:0!important;box-shadow:none!important}
#orderList .proxy-value button[data-copy-proxy]:hover{border-color:var(--forest)!important;background-color:#edf6ec!important}
@media(max-width:760px){#orderList .proxy-value button[data-copy-proxy]{width:27px!important;height:27px!important;min-width:27px!important;flex-basis:27px!important}}

.proxy-order-type{display:block!important;width:max-content!important;margin-top:4px!important;font-size:9px!important;padding:3px 6px!important}
@media(min-width:761px){
  #orderList .proxy-table:not(.rotating-proxy-table) thead tr,#orderList .proxy-table:not(.rotating-proxy-table) tbody tr{grid-template-columns:36px minmax(130px,.9fr) minmax(180px,1.2fr) minmax(180px,1.2fr) minmax(130px,.9fr)!important}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(3) .proxy-value,#orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(4) .proxy-value{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(3) .proxy-value button,#orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(4) .proxy-value button{position:static!important;align-self:center!important;margin:0!important}
  #orderList .proxy-table:not(.rotating-proxy-table) th:nth-child(6){display:none!important}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(6){grid-column:1/-1;display:flex!important;justify-content:flex-end;align-items:center;min-height:44px;padding:8px 0 10px!important;border-top:0!important}
}
@media(max-width:760px){
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(2){grid-column:1/-1!important;padding-right:30px!important}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(3){grid-column:1!important}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(4){grid-column:2!important}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(5){grid-column:1/-1!important}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(3)::before{content:"IP gốc"}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(4)::before{content:"IP trung gian"}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(5)::before{content:"Hạn sử dụng"}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(6){grid-column:1/-1!important}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(6)::before{content:"Quản lý"}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(3) .proxy-value,#orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(4) .proxy-value{flex-direction:row!important}
  #orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(3) .proxy-value button,#orderList .proxy-table:not(.rotating-proxy-table) td:nth-child(4) .proxy-value button{position:static!important}
}

#page-wallet .wallet-tabs{display:flex;gap:6px;margin:0 auto 16px;width:min(100%,860px);padding:5px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,252,.78)}
#page-wallet .wallet-tabs button{flex:1;border:0;border-radius:8px;background:transparent;color:var(--muted);padding:9px 12px;font:800 11px var(--font-ui);cursor:pointer;transition:.18s}
#page-wallet .wallet-tabs button:hover{color:var(--ink);background:#fff4e8}
#page-wallet .wallet-tabs button.active{background:var(--forest);color:#fff;box-shadow:0 5px 12px rgba(31,92,78,.16)}
#page-wallet .wallet-panel.hidden{display:none!important}
@media(max-width:760px){#page-wallet .wallet-tabs{margin-bottom:12px;padding:4px;gap:3px}#page-wallet .wallet-tabs button{padding:8px 5px;font-size:9px;white-space:nowrap}}

/* Keep the protocol and its three management actions together below the order code. */
@media(min-width:761px){
  #orderList .proxy-table:not(.rotating-proxy-table) thead tr,#orderList .proxy-table:not(.rotating-proxy-table) tbody tr{grid-template-columns:36px minmax(145px,.7fr) minmax(210px,1.35fr) minmax(210px,1.35fr) minmax(135px,.85fr)!important}
  #orderList .proxy-order-controls{display:flex!important;align-items:center!important;gap:7px!important;margin-top:5px!important;white-space:nowrap}
  #orderList .proxy-order-controls .proxy-order-type{flex:0 0 auto!important;margin:0!important}
  #orderList .proxy-order-controls .proxy-actions{display:flex!important;flex:1 1 auto!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;margin-left:auto!important;gap:5px!important;min-width:0!important;width:auto!important}
  #orderList .proxy-order-controls .proxy-actions button{min-width:78px!important;width:auto!important;padding:5px 7px!important;font-size:8px!important;white-space:nowrap!important}
}

/* Keep the protocol on the left and the management buttons at the table's right edge. */
@media(min-width:761px){
  #orderList .proxy-table:not(.rotating-proxy-table) .proxy-controls-cell{grid-column:2 / -1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:40px!important;padding:7px 0 9px!important;border:0!important}
  #orderList .proxy-table:not(.rotating-proxy-table) .proxy-controls-cell .proxy-order-type{flex:0 0 auto!important;margin:0!important}
  #orderList .proxy-table:not(.rotating-proxy-table) .proxy-controls-cell .proxy-actions{display:flex!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;margin-left:auto!important;gap:5px!important;width:auto!important;min-width:0!important}
  #orderList .proxy-table:not(.rotating-proxy-table) .proxy-controls-cell .proxy-actions button{min-width:78px!important;width:auto!important;padding:5px 7px!important;font-size:8px!important;white-space:nowrap!important}
}
@media(max-width:760px){
  #orderList .proxy-table:not(.rotating-proxy-table) .proxy-controls-cell{grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding-top:8px!important}
  #orderList .proxy-table:not(.rotating-proxy-table) .proxy-controls-cell .proxy-actions{display:flex!important;flex:1 1 auto!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:4px!important}
}

/* Compact the mobile filters and keep static-proxy actions in a single clean row. */
@media(max-width:760px){
  #orderToolbar{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:6px!important;margin-bottom:10px!important;padding:8px 9px!important}
  #orderToolbar .select-all{min-width:0!important;font-size:9px!important;gap:5px!important}
  #orderToolbar select,#orderToolbar input[type="search"],#orderToolbar .toolbar-copy,#orderToolbar .toolbar-export{height:32px!important;font-size:9px!important}
  #orderToolbar #orderProductFilter{grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important}
  #orderToolbar #orderIdFilter,#orderToolbar #orderSearch{grid-column:1 / -1!important;min-width:0!important;width:100%!important}
  #orderToolbar .toolbar-menu{grid-column:span 1!important;order:initial!important;min-width:0!important}
  #orderToolbar .toolbar-menu>.toolbar-copy,#orderToolbar .toolbar-menu>.toolbar-export{width:100%!important;padding:0 6px!important;white-space:nowrap!important}
  #orderToolbar .selection-count{grid-column:1 / -1!important;order:initial!important;width:auto!important;margin:0!important;font-size:9px!important}

  #orderList .proxy-table:not(.rotating-proxy-table) tbody tr{position:relative!important}
  #orderList .proxy-table:not(.rotating-proxy-table) .proxy-order-cell{padding-right:82px!important}
  #orderList .proxy-table:not(.rotating-proxy-table) .proxy-controls-cell{display:block!important;position:static!important;padding:8px 0 0!important;border-bottom:0!important}
  #orderList .proxy-table:not(.rotating-proxy-table) .proxy-controls-cell::before{display:none!important;content:none!important}
  #orderList .proxy-table:not(.rotating-proxy-table) .proxy-controls-cell .proxy-order-type{position:absolute!important;top:33px!important;right:42px!important;margin:0!important;font-size:8px!important;line-height:1!important}
  #orderList .proxy-table:not(.rotating-proxy-table) .proxy-controls-cell .proxy-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;width:100%!important}
  #orderList .proxy-table:not(.rotating-proxy-table) .proxy-controls-cell .proxy-actions button{width:100%!important;min-width:0!important;min-height:28px!important;padding:4px 3px!important;font-size:8px!important;line-height:1.1!important;white-space:normal!important}
}

/* Make the wallet fit comfortably above the fold on phones. */
@media(max-width:760px){
  #page-wallet .wallet-tabs button{font-size:8px!important}
  #page-wallet .wallet-layout>.wallet-card{height:102px!important;min-height:102px!important;padding:13px 16px!important}
  #page-wallet .wallet-card small{font-size:8px!important;letter-spacing:.11em!important}
  #page-wallet .wallet-card strong{font-size:22px!important}
  #page-wallet .wallet-card .coin-icon{width:13px!important;height:13px!important}
  #page-wallet .deposit-card{padding:14px!important}
  #page-wallet .deposit-card h2{font-size:19px!important}
  #page-wallet .money-input{height:46px!important}
  #page-wallet .money-input input{font-size:18px!important}
  #page-wallet .money-input span{min-width:52px!important;font-size:9px!important}
  #page-wallet .deposit-package-picker{margin:9px 0 11px!important;padding:9px!important}
  #page-wallet .deposit-package-picker b{font-size:10px!important}
  #page-wallet .deposit-package-picker small{font-size:8px!important}
  #page-wallet .deposit-package-picker .quick-money{gap:5px!important}
  #page-wallet .deposit-package-picker .quick-money button{min-height:30px!important;font-size:8px!important}
  #page-wallet .deposit-card .primary{min-height:40px!important;font-size:10px!important}
}

/* Two-column mobile filter layout avoids a long stack of controls. */
@media(max-width:760px){
  #orderToolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;padding:7px!important}
  #orderToolbar .select-all{grid-column:1!important;grid-row:1!important;align-self:center!important;font-size:8px!important}
  #orderToolbar #orderProductFilter{grid-column:2!important;grid-row:1!important}
  #orderToolbar #orderIdFilter{grid-column:1!important;grid-row:2!important}
  #orderToolbar #orderSearch{grid-column:2!important;grid-row:2!important}
  #orderToolbar select,#orderToolbar input[type="search"],#orderToolbar .toolbar-copy,#orderToolbar .toolbar-export{height:30px!important;padding-left:8px!important;padding-right:8px!important;font-size:8px!important}
  #orderToolbar .toolbar-menu{grid-column:span 1!important;grid-row:3!important}
  #orderToolbar .toolbar-copy,#orderToolbar .toolbar-export{font-size:0!important}
  #orderToolbar .toolbar-copy::before{content:"Sao chép";font-size:8px!important}
  #orderToolbar .toolbar-export::before{content:"Xuất .txt";font-size:8px!important}
  #orderToolbar .toolbar-copy span,#orderToolbar .toolbar-export span{display:none!important}
  #orderToolbar .selection-count{grid-column:1 / -1!important;grid-row:4!important;font-size:8px!important;line-height:1.1!important}
}

/* Extra compact wallet sizing for small phone screens. */
@media(max-width:760px){
  #page-wallet .wallet-layout>.wallet-card{height:82px!important;min-height:82px!important;padding:11px 14px!important;border-radius:14px!important}
  #page-wallet .wallet-card small{font-size:7px!important}
  #page-wallet .wallet-card strong{font-size:18px!important;letter-spacing:-.025em!important}
  #page-wallet .wallet-card .coin-icon{width:11px!important;height:11px!important}
  #page-wallet .deposit-card{padding:12px!important;border-radius:14px!important}
  #page-wallet .deposit-card h2{font-size:17px!important}
  #page-wallet .money-input{height:38px!important;border-radius:8px!important}
  #page-wallet .money-input input{font-size:16px!important;padding:0 12px!important}
  #page-wallet .money-input span{min-width:43px!important}
  #page-wallet .deposit-package-picker{margin:7px 0 8px!important;padding:8px!important;border-radius:9px!important}
  #page-wallet .deposit-package-picker>div:first-child{margin-bottom:5px!important}
  #page-wallet .deposit-package-picker .quick-money button{min-height:27px!important}
  #page-wallet .deposit-card .primary{min-height:36px!important;border-radius:8px!important}
}

/* Give rotating proxy credentials more room by tightening the order-code column. */
@media(min-width:761px){
  #orderList .rotating-proxy-table th:nth-child(1),#orderList .rotating-proxy-table td:nth-child(1){width:3%!important}
  #orderList .rotating-proxy-table th:nth-child(2),#orderList .rotating-proxy-table td:nth-child(2){width:10%!important}
  #orderList .rotating-proxy-table th:nth-child(3),#orderList .rotating-proxy-table td:nth-child(3){width:28%!important}
  #orderList .rotating-proxy-table th:nth-child(4),#orderList .rotating-proxy-table td:nth-child(4){width:20%!important}
  #orderList .rotating-proxy-table th:nth-child(5),#orderList .rotating-proxy-table td:nth-child(5){width:21%!important}
  #orderList .rotating-proxy-table th:nth-child(6),#orderList .rotating-proxy-table td:nth-child(6){width:8%!important}
  #orderList .rotating-proxy-table th:nth-child(7),#orderList .rotating-proxy-table td:nth-child(7){width:10%!important}
}

@media(max-width:760px){
  #orderList .proxy-table td:last-child::before{display:none!important;content:none!important}
  #orderTabs{gap:3px!important;padding:4px!important}
  #orderTabs button{gap:3px!important;padding:7px 3px!important;font-size:8px!important;white-space:nowrap!important}
  #orderTabs b{min-width:15px!important;height:15px!important;padding:0 3px!important;font-size:7px!important}
}

@media(min-width:761px){
  #orderList .rotating-proxy-table th:nth-child(1),#orderList .rotating-proxy-table td:nth-child(1){width:3%!important}
  #orderList .rotating-proxy-table th:nth-child(2),#orderList .rotating-proxy-table td:nth-child(2){width:10%!important}
  #orderList .rotating-proxy-table th:nth-child(3),#orderList .rotating-proxy-table td:nth-child(3){width:30%!important}
  #orderList .rotating-proxy-table th:nth-child(4),#orderList .rotating-proxy-table td:nth-child(4){width:21%!important}
  #orderList .rotating-proxy-table th:nth-child(5),#orderList .rotating-proxy-table td:nth-child(5){width:22%!important}
  #orderList .rotating-proxy-table th:nth-child(6),#orderList .rotating-proxy-table td:nth-child(6){width:14%!important}
}

@media(min-width:761px){
  #orderList .package-proxy-table thead tr,#orderList .package-proxy-table tbody tr{grid-template-columns:36px minmax(145px,.7fr) minmax(210px,1.35fr) minmax(210px,1.35fr) minmax(135px,.85fr)!important}
  #orderList .package-proxy-table .proxy-controls-cell{grid-column:2 / -1!important}
}
@media(max-width:760px){
  #orderList .package-proxy-table td:nth-child(2){grid-column:1 / -1!important}
  #orderList .package-proxy-table td:nth-child(3){grid-column:1!important}
  #orderList .package-proxy-table td:nth-child(4){grid-column:2!important}
  #orderList .package-proxy-table td:nth-child(5),#orderList .package-proxy-table td:nth-child(6){grid-column:1 / -1!important}
}
#orderList .package-inline-label{display:inline-flex;align-items:center;margin-left:5px;padding:2px 6px;border:1px solid #a8c7b2;border-radius:999px;background:#eef7ef;color:#14503b;font:800 8px var(--font-ui);vertical-align:middle;white-space:nowrap}
#orderList .proxy-order-cell b{display:inline!important;vertical-align:middle!important}

/* Keep rotating proxy copy buttons directly beside their values, like static proxy rows. */
#orderList .rotating-proxy-table .proxy-value{gap:6px!important}
#orderList .rotating-proxy-table .proxy-value:has([data-copy-proxy])>code{flex:0 1 auto!important;max-width:calc(100% - 34px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#orderList .rotating-proxy-table .proxy-value{justify-content:flex-start!important}
#orderList .rotating-proxy-table .proxy-value>code{display:inline-block!important;flex:0 1 auto!important;width:fit-content!important;max-width:calc(100% - 36px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
@media(min-width:761px){
  #orderList .rotating-proxy-table .proxy-value{display:flex!important;width:100%!important;min-width:0!important;align-items:center!important;gap:6px!important}
  #orderList .rotating-proxy-table .proxy-value .proxy-lines{display:grid!important;flex:0 1 auto!important;min-width:0!important;max-width:calc(100% - 36px)!important;overflow:hidden!important}
  #orderList .rotating-proxy-table .proxy-value .proxy-lines code{display:block!important;white-space:nowrap!important;overflow:hidden!important;overflow-wrap:normal!important;text-overflow:ellipsis!important}
  #orderList .rotating-proxy-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
  #orderList .rotating-proxy-table .rotating-key-actions{display:flex!important;width:100%!important;min-width:0!important;justify-content:flex-end!important}
  #orderList .rotating-proxy-table .rotating-key-actions button{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;box-sizing:border-box!important}
}

.rotating-app-link{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 14px 0;padding:10px 12px;border:1px solid #d8c9b7;border-radius:10px;background:#fff9f1;color:#714529;text-decoration:none}.rotating-app-link:hover{border-color:var(--orange);background:#fff3e6}.rotating-app-link span{font-size:11px;font-weight:800}.rotating-app-link small{color:#8b6a53;font-size:10px}.rotating-app-link small b{color:var(--orange);font-family:Consolas,"Courier New",monospace}@media(max-width:760px){.rotating-app-link{align-items:flex-start;flex-direction:column;gap:3px;margin:10px 10px 0;padding:9px 10px}.rotating-app-link span{font-size:10px}.rotating-app-link small{font-size:9px}}
.rotating-app-link{border:0;background:linear-gradient(135deg,#f27836,#dd5422);color:#fff;box-shadow:0 8px 18px rgba(221,84,34,.25);padding:13px 16px}.rotating-app-link:hover{border:0;background:linear-gradient(135deg,#e9652d,#c9481c);color:#fff;transform:translateY(-1px)}.rotating-app-link span{font-size:13px;letter-spacing:.01em}.rotating-app-link span::before{content:"↓";display:inline-block;margin-right:8px;font-size:16px;font-weight:900}.rotating-app-link small{color:rgba(255,255,255,.9);font-size:10px}.rotating-app-link small b{color:#fff;font-size:11px}
@media(max-width:760px){.rotating-app-link{padding:12px 13px}.rotating-app-link span{font-size:11px}.rotating-app-link span::before{font-size:14px;margin-right:6px}}

/* Wallet histories: stronger table headings and quieter row content. */
#page-wallet .deposit-history th,#page-wallet .usage-history th{font-size:12px!important;font-weight:900!important;letter-spacing:.06em!important}#page-wallet .deposit-history td,#page-wallet .usage-history td{font-size:10px!important}#page-wallet .deposit-history td strong,#page-wallet .usage-history td strong{font-size:10px!important}#page-wallet .deposit-empty-row{font-size:10px!important}
@media(max-width:760px){#page-wallet .deposit-history th,#page-wallet .usage-history th{font-size:10px!important}#page-wallet .deposit-history td,#page-wallet .usage-history td,#page-wallet .deposit-history td strong,#page-wallet .usage-history td strong{font-size:9px!important}#page-wallet .deposit-empty-row{font-size:9px!important}}

/* Apply the same hierarchy to the administrator user table. */
#adminUsersPanel th{font-size:12px!important;font-weight:900!important;letter-spacing:.07em!important}#adminUsersPanel td{font-size:10px!important}#adminUsersPanel td:first-child strong{font-size:11px!important}#adminUsersPanel td:first-child small{font-size:9px!important}#adminUsersPanel .admin-proxy-count,#adminUsersPanel .amount-control input,#adminUsersPanel .amount-control button,#adminUsersPanel .admin-user-actions button{font-size:9px!important}
@media(max-width:760px){#adminUsersPanel th{font-size:10px!important}#adminUsersPanel td{font-size:9px!important}#adminUsersPanel td:first-child strong{font-size:10px!important}#adminUsersPanel td:first-child small{font-size:8px!important}}
/* Keeps the copy fallback outside the viewport without relying on inline styles. */
.clipboard-fallback{position:fixed;opacity:0;pointer-events:none}