:root{--yellow:#ffc72c;--yellow2:#ffb800;--ink:#171a21;--sidebar:#1b1f27;--muted:#78808c;--line:#e8eaee;--soft:#f4f6f8;--green:#15956c;--red:#e4584b;--shadow:0 14px 42px rgba(24,29,37,.08);--safe:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6f8;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}
.admin-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:27px 18px 22px;background:linear-gradient(180deg,#20252e,#171a20);color:#fff}.admin-brand{display:flex;align-items:center;gap:11px;padding:0 8px 34px;color:#fff;text-decoration:none}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:14px 14px 14px 5px;background:linear-gradient(145deg,#ffda58,var(--yellow2));color:#181a1e;font-size:22px;font-weight:950;box-shadow:0 14px 30px rgba(255,184,0,.2)}.admin-brand b,.admin-brand small{display:block}.admin-brand b{font-size:18px}.admin-brand small{margin-top:3px;color:#9da4ae;font-size:9px}.admin-side nav{display:grid;gap:7px}.admin-side nav button{position:relative;width:100%;display:flex;align-items:center;gap:12px;padding:13px 14px;border:0;border-radius:12px;background:transparent;color:#aeb4bd;text-align:left;font-size:12px;font-weight:650}.admin-side nav button>span{width:22px;color:#858d98;font-size:17px}.admin-side nav button>i{margin-left:auto;min-width:20px;height:20px;display:grid;place-items:center;border-radius:99px;background:#ef5f54;color:#fff;font-size:8px;font-style:normal}.admin-side nav button.active{background:linear-gradient(135deg,rgba(255,199,44,.19),rgba(255,199,44,.08));color:#fff}.admin-side nav button.active::before{content:"";position:absolute;left:0;width:3px;height:23px;border-radius:0 5px 5px 0;background:var(--yellow)}.admin-side nav button.active>span{color:var(--yellow)}.side-help{margin-top:auto;padding:17px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.045)}.side-help span,.side-help b{display:block}.side-help span{color:#9299a3;font-size:9px}.side-help b{margin:7px 0 14px;font-size:11px}.side-help button{padding:0;border:0;background:transparent;color:var(--yellow);font-size:10px}.back-store{margin-top:15px;padding:10px;color:#9da4ae;text-decoration:none;font-size:10px}.admin-main{min-width:0;padding:32px}.mobile-admin-header,.mobile-admin-nav{display:none}.admin-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.top-eyebrow,.card-heading>div>span,.modal-head span{color:#a66e00;font-size:9px;font-weight:850;letter-spacing:0;text-transform:uppercase}.admin-top h1{margin:7px 0 6px;font-size:29px;letter-spacing:0}.admin-top p{margin:0;color:var(--muted);font-size:11px}.admin-top p b{color:var(--red)}.top-actions{display:flex;gap:9px}.top-actions a,.primary-admin{padding:11px 15px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#454c57;text-decoration:none;font-size:10px;font-weight:750}.primary-admin{border-color:var(--yellow);background:var(--yellow);color:#1d1f23;box-shadow:0 9px 22px rgba(255,184,0,.18)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat-card,.admin-card{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(24,29,37,.03)}.stat-card{position:relative;min-height:165px;overflow:hidden;padding:19px}.stat-card.featured{background:linear-gradient(145deg,#272d36,#191c22);color:#fff}.stat-card.warning{background:linear-gradient(145deg,#fffaf0,#fff4d7)}.stat-head{display:flex;align-items:center;justify-content:space-between}.stat-head>span{color:var(--muted);font-size:10px}.featured .stat-head>span{color:#aeb4bd}.stat-head>i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--soft);color:#b37a00;font-size:10px;font-style:normal;font-weight:850}.featured .stat-head>i{background:rgba(255,255,255,.09);color:var(--yellow)}.warning .stat-head>i{background:#ffe9b1;color:#b26c00}.stat-card>b{display:block;margin:15px 0 7px;font-size:27px;letter-spacing:0}.stat-card small{display:block;color:#8b929c;font-size:9px}.stat-card small.up{color:var(--green)}.featured small.up{color:#7be0b8}.sparkline{position:absolute;right:16px;bottom:18px;width:102px;height:43px;display:flex;align-items:flex-end;gap:4px}.sparkline i{flex:1;height:var(--h);border-radius:3px 3px 1px 1px;background:linear-gradient(#ffdb62,#ffb800);opacity:.85}.progress{height:5px;margin-top:18px;overflow:hidden;border-radius:99px;background:#edf0f2}.progress span{display:block;height:100%;border-radius:inherit;background:var(--yellow2)}.stat-card em{display:block;margin-top:7px;color:#9aa0a9;font-size:8px;font-style:normal}.warning button{margin-top:16px;padding:0;border:0;background:transparent;color:#a36700;font-size:9px;font-weight:800}.rating-row{margin-top:17px;color:#e8a500;font-size:10px;letter-spacing:0}.rating-row span{margin-left:7px;color:#969ca5;font-size:8px;letter-spacing:0}
.admin-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(280px,.62fr);gap:15px;margin-top:15px}.admin-card{padding:20px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.card-heading h2{margin:5px 0 0;font-size:17px}.card-heading>button,.card-heading select{padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#68707c;font-size:9px}.order-list{display:grid}.order-row{display:grid;grid-template-columns:43px minmax(0,1fr) 65px 65px 64px;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #eef0f2}.order-row:last-child{border-bottom:0}.order-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#fff7dc;font-size:20px}.order-row>div{min-width:0;display:grid;gap:4px}.order-row>div b{font-size:10px}.order-row>div small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#838a95;font-size:9px}.order-time{color:#a0a5ad;font-size:8px}.order-row>strong{font-size:10px}.status{padding:6px 7px;border-radius:99px;background:#fff2cf;color:#936800;text-align:center;font-size:8px;font-style:normal}.status.delivery{background:#e8f2ff;color:#276ca9}.status.done{background:#e1f7ee;color:#117454}.chart-summary{display:flex;align-items:baseline;gap:8px}.chart-summary b{font-size:25px}.chart-summary span{color:#818894;font-size:9px}.chart-summary small{margin-left:auto;color:var(--green);font-size:9px}.mini-chart{height:170px;display:flex;align-items:flex-end;gap:10px;padding:20px 4px 22px}.mini-chart i{position:relative;flex:1;height:var(--h);min-height:14px;border-radius:7px 7px 3px 3px;background:linear-gradient(#ffe383,#ffc72c);font-style:normal}.mini-chart i.peak{background:linear-gradient(#333a45,#1a1e25)}.mini-chart i span{position:absolute;bottom:-19px;left:50%;transform:translateX(-50%);color:#969ca5;font-size:8px}.product-card{grid-column:1/-1}.table-wrap{overflow:auto}.product-table{width:100%;border-collapse:collapse;min-width:620px}.product-table th,.product-table td{padding:12px 8px;border-bottom:1px solid #edf0f2;text-align:left;font-size:9px}.product-table th{color:#8b929c;font-weight:600}.product-table td{color:#5f6671}.product-table td strong{color:var(--ink)}.product-name{display:flex;align-items:center;gap:10px}.product-name i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#fff7dc;font-size:18px;font-style:normal}.product-name b{color:var(--ink);font-size:10px}.stock{padding:5px 8px;border-radius:99px;background:#e0f7ed;color:#167453;font-size:8px}
.payment-card,.friendpay-card{grid-column:auto}.payment-status{padding:6px 9px;border-radius:99px;background:#fff2cf;color:#936800;font-size:8px;font-weight:800}.payment-form{display:grid;gap:12px}.payment-form label{display:grid;gap:6px;color:#424852;font-size:10px;font-weight:750}.payment-form input,.payment-form select{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;outline:0;color:var(--ink);font-size:10px}.payment-form input:focus,.payment-form select:focus{border-color:#e7b200;box-shadow:0 0 0 3px rgba(255,199,44,.14)}.payment-form button{min-height:42px;border:0;border-radius:11px;background:var(--yellow);color:#1e2024;font-size:10px;font-weight:850}.custom-payment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-bottom:13px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fafbfc}.custom-payment-form label,.payment-name-field{display:grid;gap:6px;color:#424852;font-size:10px;font-weight:750}.custom-payment-form input,.payment-name-field input{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;outline:0;color:var(--ink);font-size:10px}.custom-payment-form button{min-height:42px;padding:0 14px;border:0;border-radius:11px;background:var(--ink);color:#fff;font-size:10px;font-weight:850}.payment-note,.friendpay-card p{margin:14px 0 0;color:var(--muted);font-size:10px;line-height:1.7}.friendpay-card a{display:inline-grid;place-items:center;min-height:38px;margin-top:15px;padding:0 13px;border-radius:11px;background:var(--ink);color:#fff;text-decoration:none;font-size:10px;font-weight:800}
.platform-list{display:grid;gap:10px}.platform-row{display:grid;gap:10px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.platform-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.platform-actions{display:flex;align-items:center;gap:7px}.platform-actions button{min-height:28px;padding:0 9px;border:1px solid #f1c9c4;border-radius:9px;background:#fff7f6;color:#b5473e;font-size:8px;font-weight:850}.platform-toggle{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px;margin:0!important;color:var(--ink)!important;font-size:11px!important}.platform-toggle input{width:16px!important;height:16px;margin:0;padding:0}.platform-badge{padding:5px 8px;border-radius:99px;background:#f0f2f4;color:#68707c;font-size:8px;font-weight:800}.platform-row.enabled .platform-badge{background:#ddf8ed;color:#117454}.platform-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qr-input input{padding:9px!important}.qr-preview{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border:1px dashed #d6dae0;border-radius:12px;background:#f8f9fb;color:#a0a6af;font-size:8px}.qr-preview img{width:100%;height:100%;object-fit:contain}.payment-preview{display:grid;gap:9px;margin-top:14px}.payment-preview-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border-radius:13px;background:#f7f8fa}.payment-preview-card img{width:54px;height:54px;border-radius:10px;object-fit:contain;border:1px solid var(--line);background:#fff}.payment-preview-card b{font-size:10px}.payment-preview-card small{display:block;margin-top:3px;color:var(--muted);font-size:8px;line-height:1.4;word-break:break-word}.payment-empty{padding:11px;border-radius:12px;background:#fff7dc;color:#8a6500;font-size:9px}
.quick-product-card{grid-column:1/-1;background:linear-gradient(145deg,#fff,#fff9e7)}.quick-product-form{display:grid;grid-template-columns:1fr 1.2fr .7fr .65fr;gap:10px;align-items:end}.quick-product-form label{display:grid;gap:6px;color:#424852;font-size:10px;font-weight:750}.quick-product-form input,.quick-product-form select,.quick-product-form textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;outline:0;color:var(--ink);font-size:10px}.quick-product-form textarea{min-height:42px;resize:vertical}.quick-product-form input:focus,.quick-product-form select:focus,.quick-product-form textarea:focus{border-color:#e7b200;box-shadow:0 0 0 3px rgba(255,199,44,.14)}.quick-product-form .quick-wide{grid-column:1/4}.quick-stock{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px;margin-bottom:10px}.quick-stock input{width:16px!important;height:16px;margin:0;padding:0}.quick-product-form button{min-height:42px;border:0;border-radius:11px;background:var(--yellow);color:#1e2024;font-size:10px;font-weight:850}
.store-management-card,.marketing-card{grid-column:1/-1}.merchant-form,.marketing-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.merchant-form label,.marketing-form label{display:grid;gap:6px;color:#424852;font-size:10px;font-weight:750}.merchant-form input,.merchant-form select,.merchant-form textarea,.marketing-form input,.marketing-form textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;outline:0;color:var(--ink);font-size:10px}.merchant-form textarea,.marketing-form textarea{min-height:42px;resize:vertical}.merchant-form input:focus,.merchant-form select:focus,.merchant-form textarea:focus,.marketing-form input:focus,.marketing-form textarea:focus{border-color:#e7b200;box-shadow:0 0 0 3px rgba(255,199,44,.14)}.merchant-form .quick-wide,.marketing-form .quick-wide{grid-column:span 2}.merchant-form button,.marketing-form button{min-height:42px;border:0;border-radius:11px;background:var(--yellow);color:#1e2024;font-size:10px;font-weight:850}.merchant-admin-list,.marketing-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.merchant-admin-item,.marketing-preview-card{padding:12px;border-radius:13px;background:#f7f8fa}.merchant-admin-item b,.marketing-preview-card b{display:block;font-size:10px}.merchant-admin-item small,.marketing-preview-card small{display:block;margin-top:4px;color:var(--muted);font-size:8px;line-height:1.45;word-break:break-word}.marketing-preview-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:8px;background:#fff}
.admin-modal{width:min(500px,calc(100% - 28px));padding:0;border:0;border-radius:20px;background:#fff;box-shadow:var(--shadow)}.admin-modal::backdrop{background:rgba(15,18,23,.55);backdrop-filter:blur(4px)}.admin-modal form{padding:23px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:17px}.modal-head h2{margin:5px 0 0;font-size:21px}.modal-head button{width:35px;height:35px;border:0;border-radius:50%;background:var(--soft);color:#555c67;font-size:20px}.admin-modal label{display:block;margin:12px 0;color:#424852;font-size:10px;font-weight:750}.admin-modal input,.admin-modal textarea{width:100%;display:block;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:10px;outline:0}.admin-modal input:focus,.admin-modal textarea:focus{border-color:#e7b200;box-shadow:0 0 0 3px rgba(255,199,44,.14)}.admin-modal textarea{min-height:75px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions{display:flex;gap:9px;margin-top:18px}.actions button{flex:1;padding:12px;border:0;border-radius:10px;background:#eef0f2;color:#565d68;font-size:10px;font-weight:750}.actions button:last-child{background:var(--yellow);color:#1e2024}.admin-toast{position:fixed;z-index:100;left:50%;bottom:25px;transform:translate(-50%,15px);padding:10px 15px;border-radius:10px;background:#20242b;color:#fff;opacity:0;pointer-events:none;transition:.2s;font-size:10px}.admin-toast.show{transform:translate(-50%,0);opacity:1}
@media(hover:hover) and (pointer:fine){.admin-side nav button:hover{background:rgba(255,255,255,.05);color:#fff}.stat-card:hover,.admin-card:hover{box-shadow:var(--shadow)}.top-actions a:hover,.card-heading>button:hover{border-color:#e0be50;background:#fffdf6}}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}.product-card{grid-column:auto}.quick-product-form,.merchant-form,.marketing-form{grid-template-columns:1fr 1fr}.quick-product-form .quick-wide,.merchant-form .quick-wide,.marketing-form .quick-wide{grid-column:1/-1}.merchant-admin-list,.marketing-preview{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body{padding-bottom:var(--safe)}.admin-shell{display:block}.admin-side{display:none}.admin-main{padding:0 13px 25px}.mobile-admin-header{position:sticky;top:0;z-index:50;height:59px;display:flex;align-items:center;justify-content:space-between;margin-inline:-13px;padding:7px 13px;border-bottom:1px solid rgba(229,232,236,.9);background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}.mobile-brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none}.mobile-brand .brand-mark{width:35px;height:35px;border-radius:12px 12px 12px 5px;font-size:19px}.mobile-brand b{font-size:13px}.mobile-admin-header>button{padding:8px 11px;border:0;border-radius:10px;background:var(--yellow);font-size:9px;font-weight:800}.mobile-admin-nav{display:flex;gap:7px;margin:10px -1px 0;overflow-x:auto;scrollbar-width:none}.mobile-admin-nav::-webkit-scrollbar{display:none}.mobile-admin-nav button{flex:0 0 auto;padding:7px 11px;border:1px solid var(--line);border-radius:99px;background:#fff;color:#767d88;font-size:8px}.mobile-admin-nav button.active{border-color:var(--ink);background:var(--ink);color:#fff}.admin-top{align-items:flex-start;margin:23px 0 17px}.top-eyebrow{font-size:7px}.admin-top h1{font-size:22px}.admin-top p{font-size:9px}.top-actions{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{min-height:142px;padding:14px;border-radius:15px}.stat-card>b{margin:12px 0 6px;font-size:22px}.stat-head>i{width:27px;height:27px}.sparkline{right:10px;bottom:14px;width:78px;height:34px}.admin-grid{gap:10px;margin-top:10px}.admin-card{padding:15px;border-radius:15px}.card-heading{margin-bottom:10px}.card-heading h2{font-size:14px}.order-row{grid-template-columns:39px minmax(0,1fr) 52px 55px;padding:10px 0}.order-icon{width:39px;height:39px;font-size:17px}.order-time{display:none}.order-row>strong{font-size:9px}.status{font-size:7px}.chart-card{min-height:285px}.product-card{padding-bottom:8px}.table-wrap{margin-inline:-15px;padding-inline:15px}.admin-modal{width:100%;max-width:none;margin:auto 0 0;border-radius:22px 22px 0 0}.admin-modal form{padding:21px 17px calc(21px + var(--safe))}.admin-toast{bottom:calc(18px + var(--safe))}}
@media(max-width:420px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:135px}.stat-card small{font-size:7px}.rating-row span{display:none}.order-row{grid-template-columns:37px minmax(0,1fr) 51px}.order-row>strong{display:none}.form-row,.quick-product-form,.merchant-form,.marketing-form{grid-template-columns:1fr}.quick-product-form .quick-wide,.merchant-form .quick-wide,.marketing-form .quick-wide{grid-column:auto}.merchant-admin-list,.marketing-preview{grid-template-columns:1fr}}

/* Language selectors */
.admin-language-switcher{display:flex;align-items:center;gap:8px;margin:-18px 8px 22px;padding:9px 10px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.05);color:#fff}.admin-language-switcher select{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:10px;font-weight:700}.admin-language-switcher option{color:#1d2026;background:#fff}.mobile-admin-actions{display:flex;align-items:center;gap:7px}.mobile-language-switcher{display:flex;align-items:center;gap:4px;padding:7px 8px;border:1px solid var(--line);border-radius:10px;background:#fff}.mobile-language-switcher span{font-size:12px}.mobile-language-switcher select{width:67px;border:0;outline:0;background:transparent;color:var(--ink);font-size:8px;font-weight:750}.mobile-admin-actions>button{padding:8px 11px;border:0;border-radius:10px;background:var(--yellow);font-size:9px;font-weight:800}
@media(max-width:760px){.admin-language-switcher{display:none}.mobile-admin-header>button{display:none}.mobile-admin-actions{display:flex}}

/* Store, product and ad management refinements */
.product-name{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:3px 10px}
.product-name i{grid-row:1/3}
.product-name small{grid-column:2;display:block;color:var(--muted);font-size:8px}
.merchant-admin-item em{display:inline-block;margin-top:9px;color:#8a6500;font-size:8px;font-style:normal;font-weight:800}
.merchant-admin-item button,.marketing-preview-card button{margin-top:10px;padding:7px 10px;border:1px solid #e1e4e8;border-radius:9px;background:#fff;color:#59616c;font-size:8px;font-weight:800}
.table-action,.payment-preview-card button,.payment-address-preview button{padding:7px 10px;border:1px solid #e1e4e8;border-radius:9px;background:#fff;color:#59616c;font-size:8px;font-weight:800}
.table-actions{display:flex;gap:7px;flex-wrap:wrap}
.table-action.danger{border-color:#ffd1d1;background:#fff7f7;color:#a64040}
.table-muted{color:var(--muted);font-size:8px}
.payment-address-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;border-radius:10px;background:#f7f8fa}
.payment-address-preview small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}
.modal-checkbox{display:flex!important;align-items:center;gap:8px}
.modal-checkbox input{width:16px!important;height:16px;margin:0!important;padding:0!important}
.merchant-admin-media{width:100%;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;margin-bottom:10px;border-radius:11px;background:#fff7dc;color:#6d5100;font-size:22px;font-weight:900}
.merchant-admin-media img,.product-name i img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.merchant-admin-actions{display:flex;gap:8px;flex-wrap:wrap}
.duration-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:14px}
.duration-form label{display:grid;gap:6px;color:#424852;font-size:10px;font-weight:750}
.duration-form input{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;outline:0;color:var(--ink);font-size:10px}
.duration-form button{min-height:42px;border:0;border-radius:11px;background:var(--yellow);color:#1e2024;font-size:10px;font-weight:850}
.order-payment-form{display:grid;gap:10px;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fafbfc}
.order-payment-form>label{display:grid;gap:6px;color:#424852;font-size:10px;font-weight:750}
.order-payment-form input{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;outline:0;color:var(--ink);font-size:10px}
.order-payment-form>button{min-height:42px;border:0;border-radius:11px;background:var(--yellow);color:#1e2024;font-size:10px;font-weight:850}
.order-payment-platforms{display:grid;gap:8px}
.order-platform-row{display:grid;grid-template-columns:145px minmax(0,1fr) minmax(150px,.7fr) 58px;gap:8px;align-items:center;padding:9px;border-radius:12px;background:#fff}
.order-payment-list{display:grid;gap:8px;margin-top:12px}
.order-payment-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;border-radius:12px;background:#f7f8fa}
.order-payment-item b,.order-payment-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.order-payment-item small{margin-top:3px;color:var(--muted);font-size:8px}
.order-payment-item button{padding:7px 10px;border:1px solid #ffd1d1;border-radius:9px;background:#fff7f7;color:#a64040;font-size:8px;font-weight:800}
@media(max-width:900px){.order-platform-row{grid-template-columns:1fr 1fr}.order-platform-row .qr-preview{width:54px;height:54px}}
@media(max-width:520px){.duration-form,.custom-payment-form{grid-template-columns:1fr}}
@media(max-width:520px){.order-platform-row{grid-template-columns:1fr}.order-payment-item{grid-template-columns:1fr}}