:root{color:#171a1e;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f2f4f6;--panel:#fff;--text:#171a1e;--muted:#707780;--line:#e5e8eb;--dark:#111418;--accent:#4bc8f4;--accent2:#dff6ff;--danger:#c63636;--success:#18794e;--radius:14px;background:#f2f4f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;margin:0}body{min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--dark);color:#dce2e7;z-index:50;flex-direction:column;width:228px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #262b31;align-items:center;gap:10px;height:66px;padding:12px 14px;display:flex}.brand-mark,.login-logo{background:var(--accent);color:#0b2028;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.brand strong{color:#fff;letter-spacing:-.2px;font-size:16px;display:block}.brand small{color:#8d98a3;margin-top:1px;font-size:10px;display:block}.sidebar nav{flex-direction:column;gap:3px;padding:10px 8px;display:flex;overflow:auto}.sidebar nav a{color:#abb4bc;border-radius:9px;align-items:center;gap:10px;padding:9px 11px;font-size:13px;display:flex}.sidebar nav a:hover{color:#fff;background:#1a1f24}.sidebar nav a.active{color:#fff;background:#21272d}.sidebar nav a.active svg{color:var(--accent)}.sidebar-foot{border-top:1px solid #262b31;justify-content:space-between;align-items:center;margin-top:auto;padding:10px;display:flex}.user-mini{align-items:center;gap:8px;min-width:0;display:flex}.user-mini>span{color:#fff;background:#2a3138;border-radius:9px;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.user-mini div{min-width:0}.user-mini strong,.user-mini small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-mini strong{color:#fff;max-width:125px;font-size:11px}.user-mini small{color:#8d98a3;font-size:9px}.sidebar-foot button,.mobile-close,.menu-btn{color:#aeb7bf;background:0 0;border:0;border-radius:8px;padding:7px}.sidebar-foot button:hover{color:#fff;background:#252b31}.mobile-close,.menu-btn{display:none}.main{width:calc(100% - 228px);min-height:100vh;margin-left:228px}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:30;background:#ffffffeb;align-items:center;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.topbar>div:first-of-type{align-items:baseline;gap:8px;display:flex}.topbar strong{font-size:13px}.topbar span{color:var(--muted);font-size:11px}.domain-pill{color:#68727b;border:1px solid var(--line);background:#f2f4f6;border-radius:999px;margin-left:auto;padding:5px 9px;font-size:10px}.content{max-width:1760px;margin:0 auto;padding:18px 20px 34px}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.page-header h1{letter-spacing:-.5px;margin:0;font-size:22px;line-height:1.1}.page-header p{color:var(--muted);margin:4px 0 0;font-size:12px}.page-action{gap:8px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:0 1px 1px #10182805}.panel.compact{padding:13px}.panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel-title h2{margin:0;font-size:13px}.panel-title p{color:var(--muted);margin:2px 0 0;font-size:10px}.btn{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:12px;font-weight:650;transition:all .15s;display:inline-flex}.btn.primary{background:var(--dark);color:#fff}.btn.primary:hover{background:#252a30}.btn.secondary{border-color:var(--line);color:#30363c;background:#fff}.btn.secondary:hover{background:#f6f7f8}.btn.danger{color:var(--danger);background:#fff2f2;border-color:#f1cccc}.btn.full{width:100%}.btn.big{height:42px}.stats-grid{grid-template-columns:repeat(7,minmax(128px,1fr));gap:9px;margin-bottom:10px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:9px;min-width:0;padding:11px;display:flex}.stat-icon{color:#147493;background:#eef8fb;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;display:grid}.stat span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.stat strong{margin-top:1px;font-size:16px;display:block}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dashboard-grid{margin-bottom:10px}.method-list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.method-list>div{background:#f7f8f9;border-radius:10px;padding:11px}.method-list span{color:var(--muted);font-size:10px;display:block}.method-list strong{font-size:15px}.count-badge{background:#eef1f3;border-radius:999px;place-items:center;min-width:24px;height:22px;padding:0 7px;font-size:10px;font-weight:700;display:grid}.mini-list{flex-direction:column;display:flex}.mini-list>div{border-top:1px solid #f0f1f2;align-items:center;gap:10px;padding:7px 0;display:flex}.mini-list>div:first-child{border-top:0}.mini-list>div>div{flex-direction:column;min-width:0;display:flex}.mini-list strong{font-size:11px}.mini-list span{color:var(--muted);font-size:9px}.mini-list em{margin-left:auto}.status,.tiny-badge,.category-badge{letter-spacing:.3px;color:#5d6670;background:#eef1f3;border-radius:999px;padding:4px 7px;font-size:8px;font-style:normal;font-weight:750}.s-in_progress{color:#0d6f93;background:#e5f7ff}.s-finished{color:#18794e;background:#e8f7ef}.s-received,.s-waiting{color:#8d6500;background:#fff6df}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:720px;font-size:11px}.table-wrap th{text-transform:uppercase;letter-spacing:.35px;color:#7b838b;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;background:#fafbfb;padding:8px 9px;font-size:9px}.table-wrap td{color:#3b4147;white-space:nowrap;border-bottom:1px solid #f0f1f2;padding:8px 9px}.table-wrap tbody tr:hover{background:#fbfcfc}.table-wrap .right{text-align:right}.empty{color:#929aa2;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:110px;font-size:11px;display:flex}.empty-note{color:var(--muted);padding:16px 0;font-size:11px}.toolbar{justify-content:space-between;gap:10px;margin-bottom:10px;display:flex}.search-box,.input-icon{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;display:flex;overflow:hidden}.search-box{width:100%;max-width:420px}.search-box svg,.input-icon svg{color:#9299a1;flex:none;margin-left:10px}.search-box input,.input-icon input{background:0 0;border:0;outline:0;width:100%;padding:8px 9px;font-size:12px}label{color:#5e666e;flex-direction:column;gap:5px;font-size:10px;font-weight:650;display:flex}input,select,textarea{color:#23282d;background:#fff;border:1px solid #dce0e4;border-radius:8px;outline:none;height:34px;padding:0 9px;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#8dcfe6;box-shadow:0 0 0 3px #4bc8f41f}select{cursor:pointer}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.span-2{grid-column:span 2}.modal-backdrop{z-index:100;background:#0a0e1275;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(520px,100%);padding:16px;box-shadow:0 28px 80px #0003}.modal-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal-head h2{margin:0;font-size:16px}.modal-head button{background:#f1f3f4;border:0;border-radius:8px;padding:6px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.switch-row{flex-direction:row;align-items:center;gap:8px;margin-top:10px}.switch-row input{width:15px;height:15px}.switch-row span{font-size:11px}.pos-layout{grid-template-columns:minmax(0,1fr) 345px;align-items:start;gap:10px;display:grid}.pos-main{flex-direction:column;gap:10px;display:flex}.pos-side{min-width:0}.sticky-card{position:sticky;top:66px}.step-title{align-items:center;gap:9px;margin-bottom:12px;display:flex}.step-title>span{color:#fff;background:#161a1e;border-radius:8px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:grid}.step-title h2{margin:0;font-size:13px}.step-title p{color:var(--muted);margin:2px 0 0;font-size:9px}.vehicle-row{grid-template-columns:1fr 1.25fr .85fr}.search-line{gap:6px;display:flex}.search-line input{flex:1}.relative{position:relative}.suggestions{border:1px solid var(--line);z-index:40;background:#fff;border-radius:10px;max-height:260px;padding:5px;position:absolute;top:59px;left:0;right:0;overflow:auto;box-shadow:0 10px 30px #1118271f}.suggestions button{text-align:left;background:#fff;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;padding:7px;display:flex}.suggestions button:hover{background:#f4f7f8}.suggestions button span{flex-direction:column;font-size:10px;display:flex}.suggestions button small{color:var(--muted);font-size:8px}.suggestions button em{background:#ecf5f8;border-radius:5px;margin-left:auto;padding:3px 5px;font-size:8px;font-style:normal}.found-strip{background:#eefaf4;border:1px solid #d6f0e1;border-radius:8px;align-items:center;gap:8px;margin-top:9px;padding:7px 9px;font-size:10px;display:flex}.found-strip em{margin-left:auto;font-style:normal;font-weight:800}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.service-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:4px;min-height:78px;padding:9px;transition:all .12s;display:grid}.service-card:hover{border-color:#b9dce8}.service-card.selected{background:#f0fbff;border-color:#4bc8f4;box-shadow:inset 0 0 0 1px #4bc8f4}.service-card div b{color:#52606a;font-size:9px;display:block}.service-card div span{margin-top:2px;font-size:11px;font-weight:650;display:block}.service-card>strong{font-size:13px}.service-card>small{color:#7b838b;grid-column:1/-1;font-size:8px}.selected-lines{border-top:1px solid var(--line);margin-top:10px}.selected-lines>div{border-bottom:1px solid #f0f1f2;grid-template-columns:1fr 85px 150px 70px;align-items:center;gap:7px;padding:7px 0;display:grid}.selected-lines>div>div b{font-size:10px;display:block}.selected-lines>div>div small{color:var(--muted);font-size:8px}.selected-lines select,.selected-lines input{height:30px;font-size:10px}.selected-lines>strong{text-align:right;font-size:11px}.text-btn{color:#16789a;background:0 0;border:0;padding:6px 0;font-size:10px;font-weight:650}.total-box{color:#fff;background:#111418;border-radius:11px;justify-content:space-between;align-items:end;margin:10px 0;padding:13px;display:flex}.total-box span{color:#a8b0b8;font-size:10px}.total-box strong{letter-spacing:-.8px;font-size:25px}.payment-row{border:1px solid var(--line);border-radius:10px;margin-top:8px;padding:8px}.payment-head{gap:6px;display:flex}.payment-head select{border:0;flex:1;height:27px;padding:0;font-weight:650}.payment-head button{color:#9b3d3d;background:0 0;border:0}.pay-amount{border-top:1px solid #f0f1f2;align-items:center;margin-top:5px;padding-top:6px;display:flex}.pay-amount span{color:#69727a;font-size:12px;font-weight:800}.pay-amount input{height:31px;box-shadow:none;border:0;flex:1;font-size:18px;font-weight:750}.mini-fields{grid-template-columns:1fr 1fr;gap:6px;margin-top:6px;display:grid}.mini-fields input{height:28px;font-size:10px}.pay-summary{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:5px;margin-top:8px;padding:9px 0;font-size:10px;display:grid}.pay-summary b{text-align:right}.warn{color:#ae7412}.success-box,.info-box,.error-box,.notice{border-radius:9px;margin:9px 0;padding:9px 10px;font-size:10px}.success-box{color:#176b45;background:#eaf8f0;border:1px solid #d2eddf}.info-box{color:#225f75;background:#eef7fb;border:1px solid #d7eaf1}.error-box{color:#9f2e2e;background:#fff1f1;border:1px solid #f1d2d2}.notice{color:#725b22;background:#fff8e8;border:1px solid #f1e3ba}.patio-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:9px;display:grid}.patio-column{min-height:280px;padding:10px}.order-card{border:1px solid var(--line);border-radius:10px;margin-bottom:7px;padding:9px}.order-top{align-items:flex-start;display:flex}.order-top>div{flex-direction:column;display:flex}.order-top strong{font-size:12px}.order-top span{color:var(--muted);font-size:9px}.order-top em{background:#eef2f4;border-radius:6px;margin-left:auto;padding:4px 6px;font-size:8px;font-style:normal;font-weight:800}.order-time{color:#7b838b;align-items:center;gap:5px;margin-top:8px;font-size:9px;display:flex}.order-time span{margin-left:auto}.order-actions{border-top:1px solid #f0f1f2;margin-top:8px;padding-top:7px}.order-actions button{color:#176e8a;background:#eef7fa;border:0;border-radius:7px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;font-weight:700;display:flex}.order-actions span{color:#69727a;font-size:9px}.worker-list{flex-direction:column;display:flex}.worker-list button{text-align:left;background:#fff;border:0;border-top:1px solid #f0f1f2;align-items:center;gap:8px;padding:8px 3px;display:flex}.worker-list button:first-child{border-top:0}.worker-list button:hover,.worker-list button.active{background:#f6fafb}.avatar{background:#eef2f4;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.worker-list div{flex-direction:column;display:flex}.worker-list b{font-size:10px}.worker-list small{color:var(--muted);font-size:8px}.worker-list em{color:#177694;margin-left:auto;font-size:8px;font-style:normal}.date-row{align-items:end;gap:7px;margin-bottom:10px;display:flex}.date-row label{max-width:150px}.date-row input{height:30px;font-size:10px}.date-row .btn{height:30px}.mini-stats{grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px;display:grid}.mini-stats>div{background:#f7f8f9;border-radius:9px;padding:9px}.mini-stats span{color:var(--muted);font-size:8px;display:block}.mini-stats b{font-size:13px}.movement-list{max-height:310px;overflow:auto}.movement-list>div{border-top:1px solid #f0f1f2;grid-template-columns:1fr 80px 90px;gap:8px;padding:7px 0;font-size:9px;display:grid}.movement-list b{text-align:right}.close-preview{background:#f7f8f9;border-radius:9px;grid-template-columns:1fr 1fr;gap:6px;padding:9px;display:grid}.close-preview div{justify-content:space-between;font-size:9px;display:flex}.tabs{gap:5px;margin-bottom:9px;display:flex}.tabs button{border:1px solid var(--line);color:#646d75;background:#fff;border-radius:8px;height:32px;padding:0 10px;font-size:10px;font-weight:650}.tabs button.active{color:#fff;background:#15191d;border-color:#15191d}.tabs span{opacity:.7;margin-left:5px}.report-toolbar{justify-content:space-between;align-items:flex-end;margin-bottom:10px;display:flex}.export-actions{gap:6px;display:flex}.report-stats{max-width:680px}.rate-editor{gap:7px;display:flex}.rate-editor input{flex:1;font-size:17px;font-weight:700}.tariff-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tariff-group{border:1px solid var(--line);border-radius:11px;overflow:hidden}.tariff-title{background:#f7f8f9;align-items:center;gap:8px;padding:8px 10px;display:flex}.tariff-title b{color:#fff;background:#15191d;border-radius:5px;padding:3px 5px;font-size:10px}.tariff-title span{font-size:10px;font-weight:650}.tariff-row{border-top:1px solid #f0f1f2;grid-template-columns:1.2fr 1fr .65fr;align-items:center;gap:8px;padding:7px 9px;display:grid}.tariff-row>div b,.tariff-row>div span{display:block}.tariff-row>div b{font-size:9px}.tariff-row>div span{color:var(--muted);font-size:9px}.tariff-row label{font-size:8px}.tariff-row input{width:100%;height:27px;font-size:9px}.range-fields{grid-template-columns:1fr auto 1fr;align-items:center;gap:3px;display:grid}.range-fields i{color:#999;font-style:normal}.screen-center{place-items:center;min-height:100vh;display:grid}.loader{border:3px solid #d9dde0;border-top-color:#171a1e;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{background:radial-gradient(circle at 20% 20%,#eefbff 0,#0000 34%),#f1f3f5;place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(390px,100%);padding:22px;box-shadow:0 20px 60px #11182714}.login-brand{align-items:center;gap:11px;margin-bottom:22px;display:flex}.login-brand h1{letter-spacing:-.5px;margin:0;font-size:21px}.login-brand p{color:var(--muted);margin:2px 0;font-size:10px}.login-card form{flex-direction:column;gap:7px;display:flex}.login-card .btn{margin-top:8px}.login-foot{text-align:center;color:#9aa1a8;margin-top:18px;font-size:9px;display:block}.mobile-close{margin-left:auto}.sidebar-scrim{display:none}@media (width<=1250px){.stats-grid{grid-template-columns:repeat(4,1fr)}.service-grid{grid-template-columns:repeat(3,1fr)}.patio-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=980px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:45;background:#00000057;display:block;position:fixed;inset:0}.mobile-close,.menu-btn{place-items:center;display:inline-grid}.main{width:100%;margin-left:0}.topbar{padding-left:10px}.topbar .menu-btn{margin-right:4px}.pos-layout{grid-template-columns:1fr}.sticky-card{position:static}.vehicle-row{grid-template-columns:1fr 1fr}.vehicle-row>div:last-child{grid-column:span 2}.patio-grid{grid-template-columns:repeat(2,1fr)}.tariff-groups{grid-template-columns:1fr}}@media (width<=720px){.content{padding:13px 11px 30px}.topbar{height:48px}.domain-pill{display:none}.page-header{align-items:flex-start}.page-header h1{font-size:19px}.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.method-list{grid-template-columns:1fr 1fr 1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.selected-lines>div{grid-template-columns:1fr 80px}.selected-lines>div select{grid-column:1/2}.selected-lines>div>strong{grid-area:2/2/auto/3}.patio-grid{grid-template-columns:1fr}.mini-stats{grid-template-columns:repeat(2,1fr)}.report-toolbar{flex-direction:column;align-items:stretch;gap:8px}.export-actions{justify-content:flex-end}.form-grid,.vehicle-row{grid-template-columns:1fr}.span-2,.vehicle-row>div:last-child{grid-column:span 1}.tariff-row{grid-template-columns:1fr 1fr}.tariff-row>div{grid-column:1/-1}.workers-grid{grid-template-columns:1fr}.date-row{flex-wrap:wrap}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.97)}70%{transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes softPulse{0%,to{box-shadow:0 0 #4bc8f42e}50%{box-shadow:0 0 0 5px #4bc8f400}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}.pos-enter{animation:.28s both fadeUp}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.payment-enter{animation:.2s both fadeUp}.success-pop{animation:.24s both popIn}.btn:active,.service-card:active,.category-shortcuts button:active{transform:scale(.985)}.btn svg,.text-btn svg{transition:transform .18s}.btn:hover svg{transform:translateY(-1px)}.service-card{transition:border-color .16s,background .16s,transform .16s,box-shadow .16s}.service-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1018280e}.service-card.selected{transform:translateY(-1px);box-shadow:0 0 0 2px #4bc8f41f,0 8px 18px #1018280d}.step-title{position:relative}.step-action{border:1px solid var(--line);background:#fff;border-radius:7px;margin-left:auto;padding:4px 7px}.optional-tag{color:#929aa2;margin-left:3px;font-size:8px;font-weight:500;display:inline}.category-shortcuts{gap:5px;margin-top:9px;padding-bottom:1px;display:flex;overflow-x:auto}.category-shortcuts button{border:1px solid var(--line);background:#fff;border-radius:8px;flex:none;align-items:center;gap:5px;padding:5px 8px;transition:all .15s;display:flex}.category-shortcuts button b{font-size:9px}.category-shortcuts button span{color:var(--muted);font-size:8px}.category-shortcuts button:hover{background:#f7fcfe;border-color:#a9d8e8}.category-shortcuts button.active{color:#0b6481;background:#e9f8fd;border-color:#54c6ed}.category-shortcuts button.active span{color:#28758d}.quick-strip{color:#65707a;background:#f6f8f9;border:1px dashed #d6dce0;border-radius:8px;align-items:center;gap:7px;margin-top:8px;padding:7px 9px;font-size:9px;display:flex}.quick-strip b{color:#252b30;margin-left:auto}.service-title{align-items:flex-start;gap:7px;display:flex}.service-title i{color:#2786a5;background:#f0f7fa;border-radius:7px;flex:none;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.service-card.selected .service-title i{color:#08769b;background:#dff6ff}.service-title>div{flex-direction:column;display:flex}.service-title b{color:#78818a;font-size:8px}.service-title span{margin-top:2px;font-size:10px;font-weight:700;line-height:1.15}.bcv-card{background:linear-gradient(135deg,#f4fbfd,#fff);border:1px solid #d8e9ef;border-radius:11px;justify-content:space-between;align-items:center;gap:9px;margin-bottom:10px;padding:9px 10px;display:flex}.bcv-card.stale{background:#fffaf0;border-color:#eedfae}.bcv-card>div{flex-direction:column;min-width:0;display:flex}.bcv-card span{color:#63727b;align-items:center;gap:5px;font-size:8px;display:flex}.bcv-card strong{margin-top:1px;font-size:12px}.bcv-card small{color:#8c969e;white-space:nowrap;text-overflow:ellipsis;max-width:240px;margin-top:1px;font-size:8px;overflow:hidden}.bcv-card button{color:#397b91;background:#fff;border:1px solid #dbe5e9;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.live-dot{background:#24a36b;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite dotPulse;display:inline-block}.spin-icon{animation:.7s linear infinite spin!important}.total-box.total-bs{justify-content:space-between;align-items:center;gap:10px;display:flex}.total-box.total-bs>div:first-child{flex-direction:column;display:flex}.total-box.total-bs strong{font-size:23px}.usd-base{border-left:1px solid #343a40;flex-direction:column;align-items:flex-end;padding-left:12px;display:flex}.usd-base small{color:#8e979f;font-size:8px}.usd-base b{color:#dce1e5;margin-top:2px;font-size:13px}.payment-head{align-items:center}.method-icon{color:#1f7b99;background:#eef7fa;border-radius:7px;flex:none;place-items:center;width:26px;height:26px;display:grid}.fill-btn{white-space:nowrap;color:#1d728d!important;background:#edf8fb!important;border-radius:6px!important;padding:4px 6px!important;font-size:8px!important}.pay-amount input{transition:background .15s}.pay-amount input:focus{background:#f8fcfd}.checkout-btn{position:relative;overflow:hidden}.checkout-btn:not(:disabled){animation:2.8s ease-in-out infinite softPulse}.checkout-btn:after{content:"";background:linear-gradient(110deg,#0000 35%,#ffffff1f,#0000 65%);transition:all .5s;position:absolute;inset:0;transform:translate(-120%)}.checkout-btn:hover:after{transform:translate(120%)}.bcv-settings{background:linear-gradient(135deg,#f2fbfe,#fff);border:1px solid #d7eaf1;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.bcv-settings>div{flex-direction:column;display:flex}.bcv-settings small{color:#61717a;font-size:9px}.bcv-settings strong{margin-top:3px;font-size:19px}.bcv-settings em{color:#8b959d;margin-top:2px;font-size:8px;font-style:normal}.manual-rate{grid-template-columns:1fr auto;align-items:end;gap:7px;margin-top:9px;display:grid}.manual-rate input{font-size:14px;font-weight:700}.manual-rate .btn{height:34px}@media (width<=720px){.category-shortcuts{margin-left:-2px;margin-right:-2px}.bcv-settings{flex-direction:column;align-items:stretch}.manual-rate{grid-template-columns:1fr}.step-action{font-size:8px}.total-box.total-bs strong{font-size:20px}}