:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:#f1f5ff;background:#080b12;--green:#bcd2ff;--muted:#8191ad;--line:#ffffff12;--lime:#c6dcff}body{background:radial-gradient(ellipse at 85% 0%,#264f873d,transparent 48%),radial-gradient(ellipse at 55% 85%,#38306730,transparent 55%),#080b12;background-attachment:fixed}button{transition:background .2s,transform .2s}button:hover{filter:brightness(1.12)}button:active{transform:scale(.97)}svg{stroke-width:1.6}.sidebar{inset:16px auto 16px 16px;width:230px;padding:27px 16px 20px;border:1px solid #ffffff13;border-top-color:#ffffff26;border-radius:26px;background:linear-gradient(150deg,#ffffff0d,#ffffff03);backdrop-filter:blur(36px) saturate(135%);-webkit-backdrop-filter:blur(36px) saturate(135%);box-shadow:inset 0 1px 0 #ffffff16,0 14px 40px #0003}.brand{font-family:inherit;font-size:23px;font-weight:700;letter-spacing:-1px;color:#fff;padding:0 12px;white-space:nowrap;gap:0}.brand span{font-weight:300;color:#bbc6dc}.brandmark,.brand small{display:none}.workspace{margin:29px 1px 32px;padding:12px;background:#ffffff05;border:1px solid #ffffff0c;border-radius:13px;font-size:11px;color:#dfe4ef}.workspace .avatar{background:linear-gradient(135deg,#bdd6ff26,#d3bdff12);border:1px solid #ffffff1c;border-radius:10px;padding:9px 7px;color:#d4e0ff;font-size:11px;letter-spacing:-1px}.workspace span{color:#7f8a9e;font-size:10px;margin-top:5px}.navlabel{font-size:9px;letter-spacing:1.7px;color:#626c80;margin:0 14px 14px}.nav{gap:8px}.nav button{padding:13px 14px;border:1px solid transparent;gap:12px;color:#8d98ad;border-radius:13px;font-size:12px}.nav button:hover{background:#ffffff09;color:#e9efff}.nav button.active{background:linear-gradient(125deg,#d5e5ff20,#aabaff0a);border-color:#c7dcff27;color:#e3ecff;box-shadow:inset 0 1px 0 #ffffff1c,0 4px 15px #0002}.nav button.active svg{color:#bad4ff}.nav .count{background:#ffffff07;color:#7e8da8}.storage{border:1px solid #ffffff0c;background:#ffffff04;border-radius:16px;padding:15px 13px;color:#737f95;font-size:10px;line-height:1.8}.storage strong{color:#aab6cc;font-size:11px;font-weight:500}.dot{background:#7cd5b1;box-shadow:0 0 9px #7cd5b155;width:5px;height:5px}.profile{margin:21px 8px 0;font-size:11px;color:#c9d0df}.profile .circle{width:31px;height:31px;border:1px solid #ffffff1c;background:linear-gradient(135deg,#ffffff14,#ffffff03);color:#b8c7e3;font-size:9px}.profile small{color:#657187;font-size:9px}.main{margin-left:262px;width:calc(100% - 262px)}.topbar{height:85px;background:none;border-bottom:1px solid #ffffff06;padding:0 37px}.breadcrumb{font-size:11px;color:#5f6c83}.breadcrumb b{color:#b3bfd3;font-weight:400}.top-right{gap:26px;font-size:10px;color:#8390a7}.searchbox{color:#65748f}.searchbox svg{width:16px;height:16px}.searchbox input{color:#d7dfee;font-size:11px;width:180px}.searchbox input::placeholder{color:#66738b}.tag{border:1px solid #ffffff10;background:#ffffff05;border-radius:20px;padding:7px 12px;color:#909eb7;font-size:10px}.content{padding:33px 37px 27px}.eyebrow{font-size:9px;color:#687992;font-weight:500;letter-spacing:2px}.heading{margin-bottom:28px}.heading h1{font-family:inherit;font-size:30px;letter-spacing:-1.2px;font-weight:600;margin:9px 0}.heading p{font-size:11px;color:#7a879e;line-height:1.7}.btn{padding:11px 17px;border-radius:12px;background:linear-gradient(140deg,#dce8ff,#b5caff);color:#1a2c4d;border:1px solid #e7f0ff8a;box-shadow:inset 0 1px 0 #fff9,0 3px 18px #aec5ff14;font-size:11px;font-weight:600}.btn svg{width:15px;height:15px}.btn.secondary{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;color:#acb8d0;box-shadow:inset 0 1px 0 #ffffff09;backdrop-filter:blur(16px)}.btn.soft{background:#bdceff15;color:#c6d5f7;border-color:#bed4ff20}.hero{padding:29px 32px;min-height:210px;margin-bottom:23px;border:1px solid #ffffff1b;border-top-color:#ffffff2b;border-radius:24px;background:radial-gradient(ellipse at 85% 55%,#6f8ace20,transparent 65%),linear-gradient(120deg,#a6bdff10,#d1dbff05);box-shadow:inset 0 1px 0 #ffffff16,0 14px 40px #0003;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.hero:after{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 45%,#ffffff05 45.2%,transparent 70%)}.hero .eyebrow{color:#9baed1;font-size:8px;letter-spacing:1.6px}.hero h2{font-family:inherit;font-size:26px;font-weight:500;line-height:1.3;letter-spacing:-.8px;margin:13px 0;color:#edf2ff}.hero p{font-size:11px;line-height:1.8;color:#8594af;margin:0 0 20px;max-width:420px}.hero .btn{padding:9px 14px;font-size:10px}.hero-art{width:260px;height:170px;margin-right:22px;perspective:700px}.orbit{width:180px;height:180px;left:40px;top:-5px;border-color:#adc6ff15;box-shadow:0 0 65px #8fa8ff12}.orbit:after{inset:19px;border-color:#adc6ff0d}.glass-tile{position:absolute;width:122px;height:127px;left:69px;top:22px;border-radius:28px;transform:rotate(-11deg);background:linear-gradient(140deg,#d9e5ff29,#98a6df06);border:1px solid #d9e5ff3c;border-right-color:#d9e5ff0a;box-shadow:inset 0 1px 1px #fff4,inset 1px 0 0 #fff1,10px 15px 45px #0003;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;color:#dce9ff}.glass-tile svg{width:46px;height:46px;stroke-width:.8;filter:drop-shadow(0 0 12px #c6d7ff55)}.float-card{padding:11px 14px;border-radius:13px;background:linear-gradient(135deg,#b5cbff23,#c6d5ff0b);border:1px solid #e7efff29;box-shadow:inset 0 1px 0 #ffffff16,0 7px 20px #0002;backdrop-filter:blur(24px);color:#c8d7f6;font-size:9px}.float-card.first{top:5px;left:-6px;transform:rotate(-5deg)}.float-card.second{bottom:0;right:-15px;transform:rotate(5deg)}.float-card svg{width:14px;height:14px;color:#c1d6ff}.stats{gap:15px;margin-bottom:24px}.stat,.panel{background:linear-gradient(145deg,#ffffff0e,#ffffff04);border:1px solid #ffffff13;border-top-color:#ffffff25;box-shadow:inset 0 1px 0 #ffffff0a,0 14px 40px #0002;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.stat{border-radius:19px;padding:19px 20px}.stat-top{color:#8d9ab2;font-size:11px}.stat-icon{border:1px solid #ffffff13;background:#d2e0ff07;border-radius:11px;color:#a5b9dd;width:32px;height:32px;box-shadow:inset 0 1px 0 #ffffff09}.stat-value{font-family:inherit;font-size:27px;letter-spacing:-1px;font-weight:500;color:#e7edfb;margin:11px 0 13px;font-variant-numeric:tabular-nums}.stat-foot{font-size:9px;color:#7585a0}.stat-foot span{color:#b6c9ef;background:#b6c9ef0a}.grid-two{grid-template-columns:minmax(0,1fr) 285px;gap:22px}.panel{border-radius:21px;border-top-color:#ffffff20}.panel-head{padding:22px 24px}.panel-head h2{font-family:inherit;font-size:13px;font-weight:500;color:#d8e0f0;letter-spacing:-.2px}.panel-head p{font-size:9px;color:#7c8ba5;margin-top:6px}.link-btn{color:#a2b7dc;font-size:10px}.link-btn svg{width:13px;height:13px}.table-wrap{scrollbar-color:#ffffff25 transparent}table{font-size:11px}thead{background:#ffffff03;color:#8a9ab5;font-size:8px;letter-spacing:1.1px}th{font-weight:400;padding:14px 22px;border-block:1px solid #ffffff07}td{padding:17px 22px;border-color:#ffffff06;color:#9caac2}td strong{color:#d1dbee;font-size:11px;font-weight:500}td small{font-size:9px;color:#8091ae;margin-top:5px}.empty{padding:43px 24px;color:#73829c}.empty-icon{width:50px;height:50px;margin-bottom:17px;border:1px solid #d2deff19;border-radius:17px;background:linear-gradient(140deg,#c2d4ff0d,#c2d4ff02);color:#8fa8d6;box-shadow:inset 0 1px 0 #fff1,0 0 30px #a8bcff04}.empty h3{color:#b4c3df;font-size:12px;font-weight:500;margin-bottom:9px}.empty p{color:#8091af;font-size:10px;line-height:1.9;margin-bottom:19px}.empty .btn{padding:9px 12px;font-size:10px}.steps{padding:0 23px 15px}.step{gap:12px;padding:17px 0;border-color:#ffffff08}.stepnum{width:27px;height:27px;border:1px solid #c8d9ff16;background:#bdd4ff06;color:#9bb1d8;font-size:9px}.step.done .stepnum{background:#b8d3ff18;color:#c8dcff;border-color:#bdd4ff35}.step h3{color:#b9c5db;font-size:10px;font-weight:500;margin:1px 0 6px}.step p{font-size:9px;line-height:1.8;color:#8091ad}.step button{font-size:9px;color:#a8c0e9;padding-top:10px}.footer{margin-top:26px;color:#6e809e;font-size:9px}.footer svg{width:12px;height:12px}.footer .link-btn{font-size:9px}.toolbar{padding:17px 23px;border-color:#ffffff09;align-items:center}.toolbar input{background:#040a1470;color:#d5e0f7;padding:11px 14px;border:1px solid #ffffff12;border-radius:11px;font-size:11px;width:300px}.toolbar input::placeholder{color:#8191ad}.badge{white-space:nowrap;background:#a8c4ff0b;border:1px solid #adcaff13;color:#a7c1ea;padding:5px 8px;border-radius:7px;font-size:9px}.badge.red{background:#ff9d760b;border-color:#ff9d761c;color:#ddb0a4}.row-btn{border:1px solid #ffffff0f;color:#a1b7df;background:#c4d5ff09;padding:8px;border-radius:9px}.row-btn svg{width:13px;height:13px}.status-select{background:#1a2130;color:#b9cbea;border:1px solid #ffffff18;padding:8px;border-radius:9px;font-size:10px}.notice{background:#afc9ff08;border:1px solid #b3ccff16;color:#a4b6d6;font-size:11px;line-height:1.8;padding:16px 18px;border-radius:13px;margin-bottom:21px}dialog{inset:12px 12px 12px auto;width:530px;max-width:calc(100% - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border:1px solid #c7dbff2b;border-top-color:#dfebff4a;border-radius:25px;background:linear-gradient(140deg,#252f42ee,#0f1627f2);color:#dce7fb;box-shadow:inset 0 1px 0 #fff2,-20px 0 80px #0005;backdrop-filter:blur(45px) saturate(130%);-webkit-backdrop-filter:blur(45px) saturate(130%);scrollbar-color:#ffffff25 transparent}dialog::backdrop{background:#02050c70;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.drawer-head{padding:27px 28px;border-color:#ffffff12;background:#ffffff02}.drawer-head h2{font-family:inherit;font-size:21px;letter-spacing:-.6px;font-weight:500;margin-bottom:7px}.drawer-head p{color:#9aacc9;font-size:11px;line-height:1.6}.close{border:1px solid #ffffff15;background:#ffffff08;color:#a8b8d4;font-size:21px;flex-shrink:0}.form-body{padding:25px 28px}.form-section{font-size:9px;letter-spacing:1.8px;color:#a2b7d9;margin-bottom:19px}.field{gap:8px;margin-bottom:18px;font-size:11px;font-weight:400;color:#b5c4df}.field input,.field select,.field textarea{padding:12px 13px;border:1px solid #c8dbff19;background:#02071344;border-radius:11px;color:#e3edff;font-size:12px;box-shadow:inset 0 1px 3px #0002}.field input::placeholder,.field textarea::placeholder{color:#8398ba}.field input[readonly]{color:#9baecb;background:#ffffff03}.field select{color-scheme:dark}.field input:focus,.field select:focus,.field textarea:focus,.line-item input:focus{outline:2px solid #90b5fb55;outline-offset:0;border-color:#a0c0ff6b}.field small{color:#9aaccb}.form-actions{border-color:#ffffff15;background:#192335dd;backdrop-filter:blur(25px)}.match-note{font-size:10px;line-height:1.7;border:1px solid #afcaff26;border-radius:11px;color:#b9d2fc;background:#afcaff0b}.line-item label{color:#a4b7d6}.line-item input{border:1px solid #c8dbff19;background:#02071344;border-radius:9px;color:#e3edff}.line-item button{border-radius:8px;background:#f3b8b00c;color:#d7a9b2;border:1px solid #f3b8b01c}.order-total{color:#b0c1dc}.order-total strong{font-family:inherit;color:#d6e5ff;font-weight:500}.order-total small{display:inline-block;margin-top:8px;color:#96aacb;font-size:10px}#form-error{color:#f3aba8;font-size:11px;line-height:1.7}#toast{border-radius:15px;border:1px solid #c4d8ff36;background:linear-gradient(135deg,#344361e8,#172037ed);box-shadow:inset 0 1px 0 #fff2,0 10px 30px #0004;backdrop-filter:blur(24px);color:#d6e5ff;max-width:90vw}input,textarea{color-scheme:dark}::selection{background:#a3c0ff40}option{background:#182236;color:#e0eaff}
@media(min-width:1500px){.hero{min-height:230px}.hero h2{font-size:30px}}@media(max-width:1150px){.sidebar{width:205px;padding-inline:13px}.brand{font-size:21px}.main{margin-left:235px;width:calc(100% - 235px)}.topbar{padding:0 24px}.content{padding:27px 24px}.hero-art{margin-right:0;width:215px;transform:scale(.9)}.grid-two{grid-template-columns:1fr 250px;gap:15px}.stat{padding:16px}.stat-value{font-size:24px}}@media(max-width:900px){.grid-two{grid-template-columns:1fr}.hero-art{display:none}.heading h1{font-size:25px}.hero h2{font-size:25px}}@media(max-width:650px){.sidebar{inset:auto 12px 12px;width:calc(100% - 24px);height:65px;padding:5px 8px;border-radius:23px;background:linear-gradient(130deg,#8a9ab52e,#192236c4);border-color:#d6e5ff26;box-shadow:inset 0 1px 0 #fff3,0 8px 30px #0004}.nav{gap:2px}.nav button{padding:8px 13px;gap:5px;font-size:9px;border-radius:16px}.main{margin:0;width:100%}.topbar{height:59px;padding:0 21px}.content{padding:26px 20px 105px}.heading{margin-bottom:23px}.heading h1{font-size:27px}.heading p{font-size:10px;max-width:210px;line-height:1.8}.eyebrow{font-size:8px;letter-spacing:1.2px}.heading .actions{flex-direction:column;align-items:flex-end;gap:7px}.heading .btn{font-size:10px;padding:9px 12px;border-radius:11px}.heading .secondary{display:inline-flex;font-size:9px;background:none;border-color:#ffffff0e;box-shadow:none;padding:7px 10px}.heading .secondary svg{width:12px;height:12px}.hero{padding:25px;min-height:215px;border-radius:23px}.hero h2{font-size:25px;line-height:1.35}.hero p{font-size:10px;max-width:270px}.hero .eyebrow{font-size:7px}.stats{gap:12px}.stat{padding:16px;border-radius:18px}.stat-value{font-size:25px}.stat-top{font-size:10px}.stat-foot{font-size:9px}.step{padding:15px 0;border-bottom:1px solid #ffffff08}.footer{font-size:9px;flex-wrap:wrap;gap:17px}.panel-head{padding:21px}.toolbar{padding:15px}.toolbar input{width:100%;max-width:250px;font-size:10px}.form-body,.drawer-head{padding:23px}.drawer-head h2{font-size:20px}.drawer-head p{font-size:10px}dialog{inset:8px 8px 8px auto;max-width:calc(100% - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:24px}#toast{bottom:95px}.notice{font-size:10px}}
.row-btn.danger{color:#e3a3ab;border-color:#f3a0ad22;background:#f3a0ad08}.row-btn.danger:hover{background:#f3a0ad1c}.toolbar-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.deleted-product{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid #ffffff10}.deleted-product strong{font-size:12px;color:#dce8ff;font-weight:500}.deleted-product p{font-size:11px;color:#91a5c7;line-height:1.7;margin:6px 0 0}
.select-cell{width:48px;padding-left:22px;padding-right:4px}.select-cell input{width:16px;height:16px;margin:0;cursor:pointer;accent-color:#b7ceff;vertical-align:middle}.is-selected{background:#a7c4ff09}.bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 23px;background:linear-gradient(110deg,#b7d3ff10,#a0baff03);border-bottom:1px solid #c6d9ff1a}.bulk-bar strong{font-size:12px;font-weight:500;color:#dce8ff}.bulk-bar span{display:block;font-size:10px;color:#91a7ca;margin-top:6px}.bulk-actions{display:flex;align-items:center;gap:17px}.bulk-targets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:26px;max-height:120px;overflow:auto}.bulk-help{font-size:10px;color:#96aacb;line-height:1.8;margin:5px 0 20px}@media(max-width:650px){.bulk-bar{padding:15px;align-items:flex-start;flex-direction:column;gap:13px}.bulk-actions{justify-content:space-between;width:100%}.select-cell{padding-left:15px}}
@media(max-width:650px){.sidebar{height:77px}.nav{align-items:stretch;gap:1px}.nav button{flex:1;min-width:0;padding:7px 4px;font-size:8px;line-height:11px;justify-content:flex-start;gap:6px}.nav button svg{width:17px;height:17px}.content{padding-bottom:116px}#toast{bottom:106px}}
.order-summary{margin-top:22px;padding:21px 25px}.summary-caption{font-size:10px;color:#8b9dbb;line-height:1.7}.summary-values{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:20px 0 0}.summary-values>div+div{border-left:1px solid #ffffff12;padding-left:30px}.summary-values dt{display:flex;align-items:center;gap:8px;font-size:11px;color:#a7b9d8}.summary-values dt svg{width:16px;height:16px;color:#91afd9}.summary-values dd{margin:13px 0 0;font-size:28px;font-weight:500;letter-spacing:-.8px;color:#e2ecff;font-variant-numeric:tabular-nums}.summary-values dd span{font-size:10px;color:#8a9dbc;letter-spacing:0;margin-left:8px;font-weight:400}@media(max-width:650px){.order-summary{padding:20px}.summary-values{gap:16px}.summary-values>div+div{padding-left:16px}.summary-values dd{font-size:24px}.summary-values dd span{display:block;margin:7px 0 0;font-size:9px}.summary-values dt{font-size:10px;gap:6px}}
.customer-order-list{padding:20px;display:flex;flex-direction:column;gap:17px}.customer-order-card{border:1px solid #c6d9ff16;border-top-color:#c6d9ff25;border-radius:17px;background:linear-gradient(135deg,#c7dcff07,#0b122408);overflow:hidden;box-shadow:inset 0 1px 0 #ffffff07}.customer-order-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;background:#c4d6ff04;border-bottom:1px solid #c6d9ff10}.customer-order-identity{display:flex;align-items:center;gap:12px;min-width:0}.customer-order-avatar{width:36px;height:36px;display:grid;place-items:center;background:#c4d6ff0b;border:1px solid #c4d6ff18;border-radius:12px;color:#a9bfe4;flex-shrink:0}.customer-order-avatar svg{width:17px;height:17px}.customer-order-head h3{margin:0;color:#dce7fb;font-size:13px;font-weight:500;overflow-wrap:anywhere}.customer-order-head p{font-size:10px;color:#8b9fbe;margin:6px 0 0;line-height:1.6}.customer-order-total{text-align:right;flex-shrink:0}.customer-order-total strong{font-size:19px;letter-spacing:-.4px;color:#d7e6ff;font-weight:500}.customer-order-total span{display:block;font-size:9px;color:#8296b6;margin-top:6px}.customer-order{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border-bottom:1px solid #c6d9ff0a}.customer-order:last-child{border-bottom:0}.customer-order-info{min-width:0;flex:1}.customer-order-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.customer-order-meta strong{font-size:11px;color:#bccde7;font-weight:500}.customer-order-meta time{font-size:9px;color:#7e92b3}.customer-order-products{display:flex;flex-direction:column;gap:6px;margin-top:9px;font-size:10px;line-height:1.7;color:#8fa5c6;overflow-wrap:anywhere}.customer-order-products b{font-weight:500;color:#b7cae9;white-space:nowrap}.customer-order-controls{display:flex;align-items:center;gap:13px;flex-wrap:wrap;justify-content:flex-end}.customer-order-amount{font-size:12px;font-weight:500;color:#cbdcf7}.order-row-actions{display:flex;gap:7px}.compact.customer-order-list{padding:0 20px 20px}.compact .customer-order-head{padding:14px}.compact .customer-order{padding:14px;align-items:flex-start;flex-direction:column;gap:12px}.compact .customer-order-controls{width:100%;justify-content:flex-start}.compact .order-row-actions{margin-left:auto}@media(max-width:900px){.customer-order{align-items:flex-start;flex-direction:column;gap:14px}.customer-order-controls{justify-content:flex-start;width:100%}.order-row-actions{margin-left:auto}}@media(max-width:650px){.customer-order-list{padding:13px;gap:13px}.customer-order-head{padding:15px 13px;gap:8px}.customer-order-identity{gap:8px}.customer-order-head h3{font-size:11px}.customer-order-head p{font-size:9px}.customer-order-total strong{font-size:17px}.customer-order-avatar{width:30px;height:30px;border-radius:10px}.customer-order{padding:15px 13px}.customer-order-controls{gap:9px}.customer-order-amount{font-size:12px}.customer-order-total span{font-size:8px}}
.pay-all-btn{margin-top:11px;padding:7px 10px;font-size:9px;gap:6px;border-radius:9px}.pay-all-btn svg{width:13px;height:13px}.pay-all-btn:disabled{opacity:.45;filter:none}.customer-order-total .pay-all-btn{display:flex;margin-left:auto}@media(max-width:650px){.pay-all-btn{font-size:8px;padding:7px 8px}.customer-order-head{align-items:flex-start}}
.pay-all-select{display:block;margin:11px 0 0 auto;max-width:160px;font-size:10px;padding:8px 10px;background:linear-gradient(135deg,#27334b,#1a2336);border-color:#c7dbff2b;border-radius:10px;color:#c9dcfb}.pay-all-select:disabled{opacity:.6;cursor:default}@media(max-width:650px){.pay-all-select{font-size:9px;max-width:135px}}
.import-table-wrap{overflow:auto;max-height:330px;border:1px solid #ffffff12;border-radius:12px}.import-table-wrap table{font-size:10px}.import-table-wrap th,.import-table-wrap td{padding:11px 12px}.field input[type=file]{padding:15px 12px;font-size:11px}.field input[type=file]::file-selector-button{background:#c0d5ff18;color:#c8dcff;border:1px solid #c0d5ff28;border-radius:8px;padding:8px 11px;margin-right:10px;cursor:pointer}.heading .actions{flex-wrap:wrap;justify-content:flex-end}
.stat-payment-breakdown{border-top:1px solid #c6d9ff12;padding-top:11px;display:flex;flex-direction:column;gap:9px}.stat-payment-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:9px}.stat-foot .stat-payment-breakdown span{background:none;padding:0;margin:0;color:#9aacc9;font-size:10px}.stat-payment-breakdown strong{font-weight:500;color:#d6e5ff;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:650px){.stat-foot .stat-payment-breakdown span{font-size:9px}.stat-payment-breakdown strong{font-size:10px}.stat-payment-breakdown>div{gap:5px}}
.nav .whatsapp-link{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #83d7ad16;border-radius:13px;text-decoration:none;color:#a0d3b9;background:linear-gradient(125deg,#89d5af09,#89d5af02);font-size:12px;font-weight:500;transition:background .2s}.nav .whatsapp-link:hover{background:#89d5af16;color:#c4edda}.whatsapp-link svg{width:20px;height:20px;flex-shrink:0}.whatsapp-external{margin-left:auto;color:#6d9b83;font-size:13px}@media(max-width:650px){.nav{overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav button,.nav .whatsapp-link{flex:1 0 51px}.nav .whatsapp-link{flex-direction:column;justify-content:flex-start;gap:6px;padding:7px 4px;border-radius:16px;font-size:8px;line-height:11px}.whatsapp-link svg{width:17px;height:17px}.whatsapp-external{display:none}}
.wa-loading{padding:45px;text-align:center;color:#a0b4d5;font-size:12px}.wa-connect{display:grid;grid-template-columns:1fr 330px;gap:30px;padding:42px;align-items:center;min-height:440px}.wa-connect-copy h2{font-size:25px;letter-spacing:-.7px;font-weight:500;margin:18px 0;color:#e0eafd}.wa-connect-copy>p{color:#9aacca;font-size:12px;line-height:1.9;max-width:450px}.wa-connect-copy b{color:#c8d9f4;font-weight:500}.wa-connect-copy ol{color:#96a9c8;font-size:11px;line-height:2.5;padding-left:18px;margin:24px 0}.wa-connect-actions{display:flex;gap:10px;margin-top:24px}.wa-connect-copy .wa-small{font-size:10px;color:#7d92b3;line-height:1.8;margin-top:25px}.wa-qr-area{display:flex;flex-direction:column;align-items:center;gap:16px}.wa-qr-area>span{font-size:10px;color:#8da4c9}.wa-qr-frame{background:#fff;border-radius:23px;padding:10px;box-shadow:0 0 50px #90c9b815,inset 0 0 0 1px #fff3;max-width:100%}.wa-qr-frame img{display:block;max-width:100%;height:auto;border-radius:15px}.wa-qr-placeholder{width:280px;max-width:100%;height:280px;background:linear-gradient(140deg,#b1d5ff0a,#b1d5ff02);border:1px solid #c6d9ff20;border-radius:23px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;color:#8ba6cd}.wa-qr-placeholder svg{width:83px;height:83px;opacity:.6}.wa-qr-placeholder span{font-size:11px}.wa-error{font-size:11px;line-height:1.7;color:#f0b1b8;padding:0 16px;white-space:pre-wrap}.wa-error:not(:empty){padding:14px 16px}.wa-connect .wa-error{padding:12px 0 0}.wa-spinner{width:40px;height:40px;border-radius:50%;border:2px solid #afcaff18;border-top-color:#b7ceff;animation:wa-spin 1s linear infinite}@keyframes wa-spin{to{transform:rotate(360deg)}}.wa-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);height:calc(100dvh - 260px);min-height:520px;max-height:950px}.wa-sidebar{border-right:1px solid #c6d9ff13;display:flex;flex-direction:column;min-height:0;background:#b7ccff03}.wa-account{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 17px;border-bottom:1px solid #c6d9ff10}.wa-account strong{display:block;color:#ceddf7;font-size:12px;font-weight:500}.wa-account span{font-size:9px;color:#8fa9bc;display:flex;align-items:center;gap:6px;margin-top:7px}.wa-account .link-btn{font-size:9px;color:#a1b3cf}.wa-search{padding:15px 14px 8px}.wa-search input,.wa-new-chat input{width:100%;border:1px solid #c6d9ff15;background:#050b1840;color:#cfdcf4;border-radius:10px;padding:11px;font-size:11px;min-width:0}.wa-new-chat{display:flex;gap:6px;padding:0 14px 14px;border-bottom:1px solid #c6d9ff10}.wa-new-chat input{font-size:10px}.wa-new-chat .btn{padding:8px 10px;font-size:10px}.wa-chats{overflow:auto;flex:1;scrollbar-color:#c6d9ff25 transparent}.wa-chat{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:15px 14px;background:none;color:#b6c7e3;border-bottom:1px solid #c6d9ff08}.wa-chat:hover,.wa-chat.selected{background:#b5d2ff0e}.wa-chat.selected{box-shadow:inset 2px 0 0 #9fc3ff}.wa-chat-avatar{width:33px;height:33px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,#c4dfff17,#a3c6ff04);border:1px solid #c4dfff13;color:#b6d2fb;font-size:12px;flex-shrink:0}.wa-chat-copy{display:block;min-width:0;flex:1}.wa-chat-copy strong{font-size:11px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d5e2f8}.wa-chat-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#859abb;margin-top:6px}.wa-chat-meta{font-size:8px;color:#8199be;display:flex;flex-direction:column;align-items:flex-end;gap:7px}.wa-chat-meta b{display:grid;place-items:center;background:#b1d7c02b;color:#c4ebd6;border-radius:20px;min-width:16px;height:16px;font-size:8px}.wa-no-chats{padding:28px 20px;color:#7f96b9;font-size:11px;text-align:center;line-height:1.9}.wa-conversation{display:flex;flex-direction:column;min-height:0;min-width:0;background:radial-gradient(ellipse at 70% 35%,#50745d0b,transparent 70%)}.wa-conversation-head{padding:20px 23px;border-bottom:1px solid #c6d9ff10}.wa-conversation-head strong{font-size:13px;font-weight:500;color:#d2e1f9}.wa-conversation-head span{display:block;margin-top:7px;font-size:10px;color:#7e96ba}.wa-messages{flex:1;overflow:auto;padding:25px;display:flex;flex-direction:column;gap:12px;scrollbar-color:#c6d9ff25 transparent}.wa-chat-empty{margin:auto;text-align:center;color:#a8bddc;font-size:15px;line-height:1.9}.wa-chat-empty small{font-size:10px;color:#7f95b7}.wa-message{align-self:flex-start;background:linear-gradient(135deg,#c6d9ff0f,#c6d9ff05);border:1px solid #c6d9ff15;border-radius:15px 15px 15px 4px;padding:12px 15px;max-width:84%;min-width:100px}.wa-message.from-me{align-self:flex-end;background:linear-gradient(135deg,#85c8a41c,#9fc3ff0c);border-color:#a1d5be24;border-radius:15px 15px 4px 15px}.wa-message-body{font-size:12px;color:#d5e2f5;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.wa-message small{display:block;text-align:right;font-size:8px;color:#849dbc;margin-top:7px}.wa-composer{padding:15px;display:flex;gap:10px;border-top:1px solid #c6d9ff10;background:#03091925;align-items:flex-end}.wa-composer textarea{resize:vertical;min-height:53px;max-height:150px;flex:1;min-width:0;border:1px solid #c6d9ff1b;border-radius:12px;background:#050b1844;color:#d6e5fd;padding:12px 14px;font-size:12px;line-height:1.5}.wa-composer textarea:disabled{opacity:.4}.wa-composer .btn{height:46px;padding:11px 15px}.wa-composer textarea:focus{outline:2px solid #9fc3ff44;outline-offset:0}.wa-connect .eyebrow{color:#8eb7a5}@media(max-width:1150px){.wa-connect{grid-template-columns:1fr;padding:30px}.wa-connect-copy{text-align:center}.wa-connect-copy>p{margin-inline:auto}.wa-connect-copy ol{display:inline-block;text-align:left;margin:10px 0}.wa-connect-actions{justify-content:center}.wa-workspace{grid-template-columns:235px minmax(0,1fr)}}@media(max-width:800px){.wa-workspace{display:flex;flex-direction:column;height:auto;min-height:680px;max-height:none}.wa-sidebar{border-right:0;border-bottom:1px solid #c6d9ff18;max-height:310px}.wa-chats{min-height:80px;max-height:150px}.wa-conversation{height:490px;flex-shrink:0}.wa-account{padding:15px}.wa-messages{padding:17px}.wa-composer{padding:12px}}@media(max-width:650px){.nav{overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav button{flex:1 0 51px}.wa-connect{padding:26px 20px;gap:22px}.wa-connect-copy h2{font-size:22px}.wa-connect-copy>p{font-size:11px}.wa-connect-copy ol{font-size:10px}.wa-qr-placeholder{width:250px;height:250px}.wa-qr-frame{width:270px}.wa-workspace{border-radius:18px}.wa-message{max-width:92%}.wa-composer .btn{padding-inline:12px;font-size:11px}}
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c6d9ff22 transparent}.sidebar-bottom{padding-top:18px}@media(max-width:650px){.sidebar{overflow-y:hidden}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.wa-photo{display:block;width:260px;max-width:100%;min-height:120px;padding:0;overflow:hidden;background:#070d1855;border:1px solid #c6d9ff18;border-radius:10px;color:#9eb5d5;text-align:center;cursor:zoom-in;white-space:normal}.wa-photo span{display:block;padding:25px 12px;font-size:11px}.wa-photo img{display:block;width:100%;max-height:340px;object-fit:contain}.wa-photo-caption{margin-top:9px}.wa-photo-dialog{background:#0d1420ee;border:1px solid #c6d9ff33;border-radius:18px;padding:18px;max-width:94vw;max-height:94vh;box-shadow:0 24px 100px #0008}.wa-photo-dialog::backdrop{background:#02050be8;backdrop-filter:blur(12px)}.wa-photo-dialog img{display:block;max-width:85vw;max-height:80vh;object-fit:contain}.wa-photo-dialog button{display:block;margin-left:auto;margin-bottom:10px;border-radius:50%;width:32px;height:32px;background:#ffffff14;color:#fff;font-size:24px}
.wa-document{display:flex;align-items:center;gap:12px;text-align:left;max-width:100%;padding:12px;background:#a7c3ed0c;border:1px solid #bdd4ff22;border-radius:12px;color:#d5e2f5;cursor:pointer}.wa-document strong{display:block;font-size:12px;overflow-wrap:anywhere}.wa-document small{text-align:left;margin-top:5px;font-size:10px}.wa-pdf-badge{display:inline-grid;place-items:center;flex-shrink:0;border:1px solid #ffb8b835;border-radius:9px;background:#ffabab12;color:#ffc6c6;font-size:10px;font-weight:600;padding:10px 7px}.wa-pdf-dialog{width:1000px;max-width:94vw;height:90vh;max-height:94vh;border:1px solid #c6d9ff33;border-radius:18px;padding:0;background:#0d1420;color:#d5e2f5;overflow:hidden}.wa-pdf-dialog[open]{display:flex;flex-direction:column}.wa-pdf-dialog::backdrop{background:#02050be8;backdrop-filter:blur(12px)}.wa-pdf-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #c6d9ff18}.wa-pdf-dialog header>div{display:flex;align-items:center;gap:10px;min-width:0}.wa-pdf-dialog header strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-pdf-dialog .btn{font-size:11px;padding:9px 12px;text-decoration:none;white-space:nowrap}.wa-pdf-dialog nav{display:flex;align-items:center;justify-content:center;gap:18px;padding:10px}.wa-pdf-dialog nav button{padding:8px 12px;background:#c6d9ff0c;border:1px solid #c6d9ff18;border-radius:9px;color:#cadcf8;font-size:11px}.wa-pdf-dialog nav span{font-size:11px;min-width:60px;text-align:center}.wa-pdf-pages{flex:1;min-height:0;overflow:auto;background:#030813;padding:16px;text-align:center}.wa-pdf-pages canvas{display:block;margin:0 auto;background:white;max-width:100%;box-shadow:0 4px 24px #0005}.wa-pdf-pages canvas[hidden]{display:none}.wa-pdf-pages p{color:#a9bedb;font-size:12px}@media(max-width:650px){.wa-pdf-dialog header{flex-wrap:wrap}.wa-pdf-dialog header>div:first-child{max-width:100%}.wa-pdf-dialog header>div:last-child{margin-left:auto}}
#sku-widget{position:fixed;inset:auto;margin:0;padding:0;width:60px;height:60px;overflow:visible;border:0;background:transparent;color:#dfe9fb;z-index:2000}#sku-widget::backdrop{display:none}.sku-fab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:60px;height:60px;border-radius:50%;border:1px solid #d4e2ff55;border-top-color:#f0f6ff88;background:linear-gradient(135deg,#bcd5ff38,#747fca28);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);box-shadow:inset 0 1px 0 #ffffff35,0 7px 28px #0007,0 0 24px #91b7ff0d;color:#e0ebff;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.sku-fab svg{width:21px;height:21px;stroke-width:1.6;pointer-events:none}.sku-fab span{font-size:9px;font-weight:650;letter-spacing:1.8px;pointer-events:none}.sku-fab.dragging{cursor:grabbing;transform:none;box-shadow:0 12px 36px #0008,0 0 0 5px #b9d3ff12}.sku-fab:focus-visible{outline:2px solid #c3dcff;outline-offset:5px}.sku-popup{position:fixed;box-sizing:border-box;border:1px solid #d4e2ff2e;border-top-color:#d4e2ff55;border-radius:22px;padding:22px;background:linear-gradient(145deg,#1d293eeb,#111827f5);backdrop-filter:blur(36px) saturate(135%);-webkit-backdrop-filter:blur(36px) saturate(135%);box-shadow:inset 0 1px 0 #ffffff12,0 20px 70px #0008;overflow:auto;text-align:left}.sku-popup[hidden],.sku-use[hidden]{display:none}.sku-popup header{display:flex;align-items:flex-start;justify-content:space-between}.sku-popup header span{font-size:8px;color:#8fadd7;letter-spacing:2px}.sku-popup h2{font:600 20px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.5px;margin:5px 0 0;color:#ecf3ff}.sku-close{width:28px;height:28px;border:1px solid #d4e2ff16;border-radius:50%;background:#ffffff06;color:#a5bad9;font-size:20px;line-height:1}.sku-popup p{font-size:11px;color:#93a7c7;line-height:1.7;margin:12px 0 16px}.sku-code{display:block;padding:18px 12px;border:1px solid #cee0ff20;border-radius:15px;background:radial-gradient(ellipse at 50% 0,#b6ceff14,transparent 80%),#080f1e55;text-align:center;font:500 36px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:5px;color:#dceaff;user-select:all}.sku-actions{display:flex;gap:8px;margin-top:16px}.sku-actions .btn{flex:1;justify-content:center;font-size:11px;padding:11px 9px;white-space:nowrap}.sku-use{width:100%;margin-top:9px;justify-content:center;font-size:11px}.sku-status{min-height:18px;margin-top:12px;font-size:10px;color:#acd7c6;text-align:center}.sku-popup footer{border-top:1px solid #d4e2ff12;padding-top:12px;margin-top:10px;color:#7089ac;font-size:9px;text-align:center}.sku-popup button:focus-visible{outline:2px solid #c3dcff;outline-offset:3px}
@media(max-width:650px){.nav button{align-items:center;text-align:center}.nav button .nav-label{display:block;width:100%;min-height:22px;line-height:11px;text-align:center;white-space:normal;word-break:normal;overflow-wrap:normal}.nav button[data-page="pending"] .nav-label{max-width:45px}}
.cloud-loading{min-height:100vh;display:grid;place-items:center;color:#a9bfdf;font-size:14px}.cloud-login{min-height:100dvh;display:grid;place-items:center;padding:24px}.cloud-login form{width:100%;max-width:430px;padding:38px;border:1px solid #c6d9ff28;border-radius:27px;background:linear-gradient(135deg,#c6d9ff10,#c6d9ff03);backdrop-filter:blur(30px);box-shadow:inset 0 1px 0 #ffffff12,0 22px 70px #0004}.cloud-login h1{font-size:29px;letter-spacing:-1px;margin:20px 0 14px;color:#e0ebff}.cloud-login p{font-size:12px;line-height:1.9;color:#91a7c8;margin-bottom:25px}.cloud-login .btn{width:100%;margin-top:15px}.cloud-login-error{color:#edb0b0;font-size:12px;line-height:1.7;min-height:20px}.cloud-logout{font-size:10px;margin-left:14px;color:#a9bedc;background:transparent}#cloud-saving{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:#050b1855;color:#d7e5fc;backdrop-filter:blur(2px);font-size:13px}.cloud-status{font-size:10px;color:#a9c9b5}.cloud-reload{padding:30px;color:#e5baba;text-align:center;line-height:1.8}

.order-detail-line{gap:14px}.order-detail-line>div:first-child{min-width:0;overflow-wrap:anywhere}.order-item-controls{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.remove-order-item{padding:7px 10px;font-size:11px;color:#f2aeb9}.remove-order-item svg{width:14px;height:14px}.removed-order-items{margin-top:24px;color:#9cafcb}.removed-order-items summary{cursor:pointer;padding:12px 0}.removed-order-items .btn{font-size:11px;padding:8px 12px}@media(max-width:480px){.order-detail-line{align-items:flex-start}.order-item-controls b{font-size:13px}}

/* Keep mobile form focus at the current scale, including iOS Safari. */
@media(max-width:900px),(pointer:coarse){
 html{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 input:not([type=checkbox]):not([type=radio]),select,textarea,[contenteditable=true]{font-size:16px!important}
}

.customer-order-identity>div:last-child{min-width:0;flex:1}.customer-order-head{align-items:flex-start}.customer-order-address{display:grid;gap:7px;margin:13px 0 0;font-size:11px;line-height:1.7}.customer-order-address>div{display:grid;grid-template-columns:58px minmax(0,1fr);gap:9px}.customer-order-address dt{color:#7f96b7}.customer-order-address dd{margin:0;color:#b3c5df;white-space:pre-line;overflow-wrap:anywhere}.compact .customer-order-address{font-size:10px}@media(max-width:650px){.customer-order-identity{min-width:0;flex:1;align-items:flex-start}.customer-order-address{font-size:11px}.customer-order-address>div{grid-template-columns:48px minmax(0,1fr);gap:7px}}

.printer-dialog{inset:0;margin:auto;height:auto;overflow:auto;width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #c5dcff35;border-radius:25px;background:linear-gradient(145deg,#202c40,#101827);color:#dce7f9;box-shadow:0 30px 100px #0009}.printer-dialog::backdrop{background:#030711a8;backdrop-filter:blur(8px)}.printer-head{display:flex;justify-content:space-between;align-items:flex-start;padding:28px;border-bottom:1px solid #bfd7ff20}.printer-head h2{margin:8px 0;font-size:27px}.printer-head p{margin:0;color:#9bb1d1;font-size:13px}.printer-body{padding:26px}.printer-connection,.printer-print-actions{display:flex;gap:10px;flex-wrap:wrap}.printer-status{min-height:42px;margin:18px 0;font-size:12px;line-height:1.8;color:#b2dbc9}.printer-status.error{color:#f2aeb9}.printer-preview-heading{display:flex;justify-content:space-between;gap:10px;margin:20px 0 12px;font-size:13px}.printer-preview-heading span{color:#8da5c8}.printer-previews{display:grid;gap:14px;justify-items:center;background:#050b1840;border:1px solid #c5dcff18;border-radius:17px;padding:18px;max-height:400px;overflow:auto}.printer-previews figure{margin:0;width:100%;max-width:384px}.printer-previews img{display:block;width:100%;height:auto;background:white;border-radius:5px;box-shadow:0 4px 15px #0004}.printer-previews figcaption{font-size:11px;color:#97aecf;text-align:center;margin-top:8px}.printer-size-note,.printer-help{font-size:11px;line-height:1.8;color:#8fa6c8}.printer-print-actions{margin:20px 0}.printer-auto{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:13px;border:1px solid #c5dcff20;font-size:12px;line-height:1.8;cursor:pointer}.printer-auto input{width:18px;height:18px;flex-shrink:0;margin:2px 0;accent-color:#bed4ff}.printer-dialog button:disabled{opacity:.45;cursor:not-allowed}.printer-dialog .eyebrow{font-size:10px}@media(max-width:650px){.printer-head{padding:20px}.printer-body{padding:18px}.printer-connection .btn,.printer-print-actions .btn{flex:1;font-size:12px;padding:12px 10px}.printer-previews{padding:12px}.printer-auto{font-size:12px}}

.customer-print-btn{display:flex;width:max-content;margin-left:auto;margin-bottom:12px;padding:9px 14px;font-size:11px;gap:7px;align-self:flex-end}.customer-print-btn svg{width:15px;height:15px}.customer-print-btn:disabled{opacity:.45;cursor:wait}@media(max-width:650px){.customer-print-btn{padding:9px 12px;font-size:11px;margin-bottom:10px}}

.printer-auto+.printer-auto{margin-top:12px}[data-sku-pending]:not(:empty){margin:18px 0;padding:14px;border:1px solid #c5dcff20;border-radius:13px}[data-sku-pending] h3{font-size:13px;margin:0 0 12px}.sku-pending-list{display:flex;gap:8px;flex-wrap:wrap;max-height:180px;overflow:auto}.sku-pending-list .btn{font-size:12px;padding:8px 12px}

.order-group-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;margin:0 0 24px}.order-group-bar>div:first-child{flex:1;min-width:0}.order-group-bar label{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--muted,#9daec9);margin-bottom:9px}.order-group-bar select{width:min(100%,380px);padding:12px 16px;border-radius:14px;border:1px solid #ffffff26;background:#151d2e;color:#e5edff;font:inherit;font-weight:600}.order-group-bar p{margin:9px 0 0;font-size:12px;color:#9daec9}.order-group-tag{font-size:11px;color:#b8c9eb;border:1px solid #ffffff1a;border-radius:6px;padding:3px 7px;overflow-wrap:anywhere}
@media(max-width:700px){.order-group-bar{align-items:stretch;flex-direction:column;padding:18px;gap:14px}.order-group-bar select{width:100%;font-size:16px}.order-group-bar .actions{justify-content:flex-start;flex-wrap:wrap}.customer-order-meta{flex-wrap:wrap}.order-group-tag{max-width:100%}}

.customer-name-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.customer-group-select{font:inherit;font-size:11px;color:#b8c9eb;background:#c4d6ff0b;border:1px solid #c4d6ff26;border-radius:9px;padding:7px 25px 7px 10px;max-width:240px;min-width:0;cursor:pointer;color-scheme:dark}.customer-group-select:focus-visible{outline:2px solid #b9ceff;outline-offset:3px}.customer-group-select:disabled{opacity:.6;cursor:wait}
@media(max-width:650px){.customer-name-group{gap:8px}.customer-group-select{font-size:16px;max-width:100%;padding:7px 24px 7px 9px}.customer-name-group h3{flex-shrink:0;max-width:100%}}

.order-add-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.random-product-panel{min-width:0;margin:20px 0 0;padding:18px;border:1px solid #c4d6ff28;border-radius:16px;background:#b7ccff08}.random-product-panel[hidden]{display:none}.random-product-panel legend{padding:0 8px;color:#cbdcf7;font-size:13px;font-weight:600}.random-product-panel>p{font-size:12px;color:#9daec9;line-height:1.7;margin:0 0 16px}.random-product-code{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#080d1766;border:1px solid #ffffff15;border-radius:12px;margin-bottom:18px}.random-product-code output{font-size:26px;letter-spacing:3px;color:#deebff;font-weight:700}.random-product-error{font-size:13px;color:#ffb5bb;margin:10px 0}.random-product-panel .field{margin-bottom:16px}

@property --save-print-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes save-print-orbit{to{--save-print-angle:360deg}}
.form-actions:has(.save-print-btn){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form-actions:has(.save-print-btn)>.btn{width:100%;min-width:0;min-height:46px;justify-content:center}
.form-actions:has(.save-print-btn)>.cancel{color:#fff0f3;background:linear-gradient(135deg,#b52c48,#8f203b);border-color:#ff8fa354;box-shadow:inset 0 1px 0 #ffffff1a,0 4px 15px #9e17351c}
.form-actions:has(.save-print-btn)>.cancel:hover{background:linear-gradient(135deg,#c93653,#a12844);border-color:#ff9daf88}
.btn.save-print-btn{position:relative;isolation:isolate;grid-column:1 / -1;color:#f1fff7;background:linear-gradient(135deg,#148256,#0d6948);border-color:#79ffc272;box-shadow:0 0 22px #35e49524,inset 0 1px 0 #ffffff25}
.save-print-btn::before{content:'';position:absolute;inset:-2px;pointer-events:none;border-radius:inherit;padding:2px;background:conic-gradient(from var(--save-print-angle),transparent 0deg,#58e99c33 200deg,#80ffc1 260deg,#ffffff 290deg,#b2ffd7 320deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:save-print-orbit 3s linear infinite}
.save-print-btn:hover{background:linear-gradient(135deg,#168d5e,#0f7751);box-shadow:0 0 28px #35e49545,inset 0 1px 0 #ffffff30}.save-print-btn:disabled::before{animation-play-state:paused}.save-print-btn:disabled{opacity:.55;cursor:wait}
@media(prefers-reduced-motion:reduce){.save-print-btn::before{animation:none;background:linear-gradient(120deg,#80ffc1,#ffffff,#b2ffd7)}}

.customer-sort{display:flex;align-items:center;gap:10px;font-size:11px;color:#a4b7d6}.customer-sort select{font:inherit;color:#dce7fb;background:#111a2b;border:1px solid #c4d6ff26;border-radius:10px;padding:10px 12px;max-width:290px;color-scheme:dark}.customer-history-note{margin:18px 0 0;padding-top:14px;border-top:1px solid #ffffff12;font-size:11px;line-height:1.7;color:#91a4c2}.customer-summary .summary-values dd span{display:block;margin-top:8px}@media(max-width:650px){.customer-sort{flex-wrap:wrap;gap:6px;width:100%}.customer-sort select{max-width:100%;width:100%;font-size:16px}.toolbar:has(#customer-sort){flex-wrap:wrap}.toolbar:has(#customer-sort) .toolbar-actions{width:100%;flex-wrap:wrap}}

@keyframes printer-light-pulse{0%,100%{box-shadow:0 0 5px currentColor,0 0 12px currentColor;opacity:.85}50%{box-shadow:0 0 8px currentColor,0 0 20px currentColor;opacity:1}}
.btn.printer-status-btn{gap:11px;min-width:165px;justify-content:center;transition:background .25s,border-color .25s,color .25s,box-shadow .25s}.printer-connection-light{display:block;width:8px;height:8px;border-radius:50%;flex-shrink:0;background:currentColor;animation:printer-light-pulse 2.6s ease-in-out infinite}.btn.printer-status-btn[data-connection="disconnected"]{color:#ffb5bf;background:linear-gradient(135deg,#a331451c,#9e233912);border-color:#ff82964d;box-shadow:inset 0 1px 0 #ffffff0a,0 0 18px #ff496211}.printer-status-btn[data-connection="disconnected"] .printer-connection-light{color:#ff526e}.btn.printer-status-btn[data-connection="connected"]{color:#a6f4cb;background:linear-gradient(135deg,#1f9b6826,#14724714);border-color:#63edaa59;box-shadow:inset 0 1px 0 #ffffff0d,0 0 18px #29d98b13}.printer-status-btn[data-connection="connected"] .printer-connection-light{color:#4df1a1}.btn.printer-status-btn:hover{filter:brightness(1.15)}@media(prefers-reduced-motion:reduce){.printer-connection-light{animation:none;box-shadow:0 0 9px currentColor}}

.order-print-quantity{grid-column:1 / -1;display:flex;align-items:center;gap:11px;padding:12px 14px;margin-bottom:3px;border:1px solid #c5dcff20;border-radius:12px;background:#c5dcff06;color:#cbdcf7;font-size:12px;line-height:1.5;cursor:pointer}.order-print-quantity input{width:18px;height:18px;flex-shrink:0;margin:0;accent-color:#51dba0}@media(max-width:650px){.order-print-quantity{font-size:13px}}

.cost-missing{color:#8da0bf;font-size:11px}

.quick-product-profit{display:flex;flex-direction:column;justify-content:flex-start;gap:13px;margin-bottom:16px;min-width:0}.quick-product-profit>span{font-size:12px;color:#b5c4df}.quick-product-profit output{display:flex;align-items:center;min-height:43px;padding:10px 13px;border:1px solid #c4d6ff1c;border-radius:11px;background:#02071330;font-size:22px;line-height:1.2;font-weight:700;color:#97aac8;overflow-wrap:anywhere;transition:color .2s,background .2s,border-color .2s}.quick-product-profit[data-profit-state="profit"] output{color:#70efae;background:#24d6810b;border-color:#64eaa836}.quick-product-profit[data-profit-state="loss"] output{color:#ff8599;background:#ff4f6c0b;border-color:#ff82963b}.quick-product-profit[data-profit-state="zero"] output{color:#c5d5ed}

.stats:has(.financial-stat){grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr))}.financial-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.financial-cell{min-width:0;padding-top:8px}.financial-cell+.financial-cell{border-left:1px solid #c6d9ff25;padding-left:18px}.financial-cell .stat-value{font-size:clamp(18px,1.8vw,27px);line-height:1.25;overflow-wrap:anywhere;margin:15px 0 13px}.profit-gradient{background:linear-gradient(120deg,#b6ffd1 0%,#4ee99b 45%,#1bc786 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#61e9a4;font-weight:650}.profit-gradient.is-loss{background-image:linear-gradient(120deg,#ffc3ce,#ff6b8a,#ef405c);color:#ff8599}.profit-missing-note{font-size:10px;color:#cbb88e;line-height:1.6;margin:0 0 12px}@media(max-width:1200px){.stats:has(.financial-stat){grid-template-columns:repeat(3,minmax(0,1fr))}.financial-stat{grid-column:1 / -1}.financial-cell .stat-value{font-size:27px}}@media(max-width:650px){.stats:has(.financial-stat){gap:10px}.stats:has(.financial-stat)>.stat:not(.financial-stat){padding:12px 10px}.financial-columns{gap:14px}.financial-cell+.financial-cell{padding-left:14px}.financial-cell .stat-value{font-size:clamp(20px,5vw,27px)}.stats:has(.financial-stat)>.stat:not(.financial-stat) .stat-icon{width:25px;height:25px}}

@media(max-width:900px){
 html{background:#101827;scroll-padding-top:calc(120px + env(safe-area-inset-top,0px))}
 body{background:#101827;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
 body::before{content:'';position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:#101827;z-index:45;pointer-events:none}
 .shell{min-height:100svh;min-height:100dvh}
 .content{padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))}
 .sidebar{bottom:calc(12px + env(safe-area-inset-bottom,0px))}
 .content.has-order-groups{display:flex;flex-direction:column}
 .content.has-order-groups>*{order:2}
 .content.has-order-groups>.heading{order:1}
 .content.has-order-groups>.order-group-bar{order:0;position:sticky;top:calc(8px + env(safe-area-inset-top,0px));z-index:40;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;margin-bottom:20px;border-radius:17px;background:linear-gradient(135deg,#202c40f5,#152033f5);border-color:#c6dcff2b;box-shadow:inset 0 1px 0 #ffffff15,0 10px 28px #03071166;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
 .order-group-bar label{font-size:10px;margin-bottom:6px}
 .order-group-bar select{width:100%;padding:10px 12px;font-size:16px;border-radius:10px}
 .order-group-bar p{display:none}
 .order-group-bar .actions{display:flex;flex-direction:column;align-items:center;gap:6px;flex-wrap:nowrap}
 .order-group-bar .actions .btn{padding:9px 10px;font-size:11px;border-radius:10px;white-space:nowrap}
 .order-group-bar .actions .btn svg{width:13px;height:13px}
 .order-group-bar .actions .link-btn{font-size:10px;padding:2px}
}

@media(max-width:900px){
 .heading{display:flex;flex-direction:column;align-items:stretch;gap:18px;margin-bottom:22px}
 .heading>div:first-child{width:100%;min-width:0}
 .heading .eyebrow{font-size:9px;letter-spacing:1.8px;line-height:1.6}
 .heading h1{margin:7px 0 9px;font-size:28px}
 .heading p{max-width:none;font-size:12px;line-height:1.7}
 .heading .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px;align-items:stretch}
 .heading .actions>.btn,.heading .actions>.btn.secondary{display:flex;width:100%;min-width:0;min-height:46px;justify-content:center;align-items:center;gap:7px;padding:11px 8px;border-radius:12px;font-size:11px;line-height:1.4;text-align:center;white-space:normal}
 .heading .actions>.btn.secondary{background:linear-gradient(135deg,#ffffff09,#ffffff03);border:1px solid #ffffff1c;box-shadow:inset 0 1px 0 #ffffff08}
 .heading .actions>.btn:last-child{font-size:12px}
 .heading .actions>.btn:last-child:nth-child(odd){grid-column:1 / -1}
 .heading .actions>.btn svg{width:15px;height:15px;flex-shrink:0}
 .heading .actions>.printer-status-btn[data-connection="disconnected"]{color:#ffb5bf;background:linear-gradient(135deg,#a331451c,#9e233912);border-color:#ff82964d;box-shadow:inset 0 1px 0 #ffffff0a,0 0 18px #ff496211}
 .heading .actions>.printer-status-btn[data-connection="connected"]{color:#a6f4cb;background:linear-gradient(135deg,#1f9b6826,#14724714);border-color:#63edaa59;box-shadow:inset 0 1px 0 #ffffff0d,0 0 18px #29d98b13}
 .heading .printer-connection-light{width:7px;height:7px}
}

/* Mobile order cards: keep identity, delivery details and actions on clear rows. */
@media(max-width:900px){
 .customer-order-list,.compact.customer-order-list{padding:12px;gap:14px}
 .customer-order-card{border-radius:17px}
 .customer-order-head,.compact .customer-order-head{display:flex;flex-direction:column;align-items:stretch;padding:16px;gap:16px}
 .customer-order-identity{position:relative;display:block;width:100%}
 .customer-order-avatar{position:absolute;top:0;left:0;width:32px;height:32px;border-radius:10px}
 .customer-order-identity>div:last-child{min-width:0;width:100%}
 .customer-name-group{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
 .customer-order-head h3{display:flex;align-items:center;min-height:32px;padding-left:42px;font-size:15px;line-height:1.5;font-weight:600}
 .customer-group-select{width:100%;max-width:100%;min-height:42px;font-size:16px;padding:9px 28px 9px 10px}
 .customer-order-head p{font-size:11px;line-height:1.7;margin-top:9px;overflow-wrap:anywhere}
 .customer-order-address{margin-top:13px;gap:10px;font-size:12px;line-height:1.65}
 .customer-order-address>div{display:block}
 .customer-order-address dt{font-size:10px;line-height:1.5;margin-bottom:3px;color:#8298ba}
 .customer-order-address dd{font-size:12px;line-height:1.65}
 .customer-order-total{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center;text-align:left;width:100%;padding-top:14px;border-top:1px solid #c6d9ff16}
 .customer-order-total>strong{grid-column:1;grid-row:1;font-size:23px;line-height:1.3;overflow-wrap:anywhere}
 .customer-order-total>span{grid-column:1;grid-row:2;margin:0;font-size:10px}
 .customer-order-total>.customer-print-btn{grid-column:2;grid-row:1 / 3;align-self:center;margin:0;min-height:42px;padding:10px 15px;font-size:12px;justify-content:center}
 .customer-order-total>.pay-all-select{grid-column:1 / -1;max-width:none;width:100%;min-width:0;min-height:44px;margin:9px 0 0;padding:10px 30px 10px 12px;font-size:16px;text-align:left}
 .customer-order-total>.pay-all-btn{grid-column:1 / -1;width:100%;margin:5px 0 0;min-height:42px;justify-content:center;font-size:12px}
 .customer-order,.compact .customer-order{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:16px}
 .customer-order-meta{justify-content:space-between;gap:8px}
 .customer-order-meta strong{font-size:12px}
 .customer-order-meta time{font-size:10px}
 .customer-order-products{font-size:12px;line-height:1.7;margin-top:10px;gap:7px}
 .customer-order-controls,.compact .customer-order-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding-top:12px;border-top:1px solid #c6d9ff10}
 .customer-order-amount{grid-column:1;grid-row:1;font-size:16px}
 .customer-order-controls>.status-select{grid-column:1 / -1;grid-row:2;width:100%;max-width:none;min-width:0;min-height:44px;padding:10px 30px 10px 12px;font-size:16px}
 .customer-order-controls>.badge{grid-column:1;grid-row:2;justify-self:start}
 .order-row-actions,.compact .order-row-actions{grid-column:2;grid-row:1;display:flex;gap:8px;margin:0}
 .order-row-actions .row-btn{width:40px;height:40px;border-radius:11px}
}

.mobile-payments{display:none}
@keyframes payment-bubble-enter{0%{opacity:0;transform:translate(var(--bubble-origin),62px) scale(.12)}35%{opacity:1}78%{transform:translate(0,-5px) scale(1.04)}100%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes payment-orb-glow{0%,100%{box-shadow:inset 0 1px 0 #d8fff54d,0 0 0 4px #74edca0a,0 5px 20px #41d9aa20}50%{box-shadow:inset 0 1px 0 #d8fff54d,0 0 0 5px #74edca12,0 5px 26px #41d9aa35}}
@media(max-width:650px){
 .sidebar{overflow:visible}
 .nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:2px;overflow:visible}
 .nav>button[data-page="pending"],.nav>button[data-page="paid"]{display:none}
 .nav>button{width:100%;min-width:0;padding:7px 2px;font-size:8px}
 .mobile-payments{position:relative;display:block;min-width:0;height:58px}
 .nav .payments-toggle{position:absolute;top:-22px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:1fr;place-items:center;justify-content:center;text-align:center;width:68px;height:68px;min-width:68px;margin:0;padding:0;border-radius:50%;border:1px solid #a0f4da8c;background:radial-gradient(circle at 30% 15%,#b5ffe840,transparent 60%),linear-gradient(145deg,#28584f,#122f32);color:#d3fff0;box-shadow:inset 0 1px 0 #d8fff54d,0 0 0 4px #74edca0a,0 5px 20px #41d9aa20;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:2;transition:none;overflow:visible}
 .nav .payments-toggle:hover,.nav .payments-toggle:active,.nav .payments-toggle:focus{filter:none;background:radial-gradient(circle at 30% 15%,#b5ffe840,transparent 60%),linear-gradient(145deg,#28584f,#122f32);color:#d3fff0;border-color:#a0f4da8c}
 .nav .payments-toggle:active{transform:translateX(-50%)}
 .payments-toggle>*{pointer-events:none}
 .nav .payments-toggle .payments-arc{position:absolute;left:-11px;top:-18px;width:88px;height:88px;overflow:visible;stroke:none;fill:#d3e9e6;opacity:1;transition:opacity .15s}
 .mobile-payments.is-open .payments-arc{opacity:0;visibility:hidden}
 .payments-arc text{font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.6px}
 .payments-lira{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:34px;font-weight:600;line-height:1;margin-top:2px;color:#dcfff2}
 .mobile-payments.is-open .payments-toggle,.mobile-payments.is-current .payments-toggle{animation:payment-orb-glow 3s ease-in-out infinite}
 .nav .payments-toggle:focus-visible{outline:2px solid #c4d6ff;outline-offset:6px}
 .payments-choices[hidden]{display:none}
 .payments-choices{position:absolute;bottom:78px;left:50%;transform:translateX(-50%);display:flex;gap:14px;width:142px}

 .nav .payment-bubble{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:64px;height:64px;padding:7px 3px;border-radius:50%;font-size:10px;font-weight:600;border:1px solid;box-shadow:inset 0 1px 0 #ffffff30,0 6px 18px #0005;animation:payment-bubble-enter .48s cubic-bezier(.22,.7,.3,1) both}
 .nav .payment-bubble.expected{--bubble-origin:39px;color:#ffe3aa;border-color:#ffc96b70;background:linear-gradient(145deg,#715626,#342d26)}
 .nav .payment-bubble.settled{--bubble-origin:-39px;color:#c7ffe0;border-color:#74e6ad70;background:linear-gradient(145deg,#28644f,#1a3433);animation-delay:.07s}
 .nav .payment-bubble.active{border-color:currentColor;box-shadow:inset 0 0 0 2px #ffffff14,0 0 18px #9eeac422}
 .nav .payment-bubble svg{width:19px;height:19px;color:inherit}
 .nav .payment-bubble:focus-visible{outline:2px solid white;outline-offset:4px}
}
@media(prefers-reduced-motion:reduce){.nav .payment-bubble,.mobile-payments .payments-toggle{animation:none!important}}

@keyframes mobile-nav-select{from{transform:scale(1)}to{transform:scale(1.08)}}
@media(max-width:650px){
 .nav>button{gap:8px;padding-top:5px;padding-bottom:3px;transform-origin:center;transition:transform .25s ease,color .25s ease;background:transparent;border-color:transparent;box-shadow:none}
 .nav>button .nav-label{padding-top:3px;color:inherit}
 .nav>button.active,.nav>button.active:hover{color:#90e7ca;background:transparent;border-color:transparent;box-shadow:none;transform:scale(1.08);animation:mobile-nav-select .25s ease-out}
 .nav>button.active svg{color:#90e7ca;filter:drop-shadow(0 0 6px #74edca35)}
 .nav>button:hover{background:transparent}
 .nav>button:active{transform:scale(1.03)}
}

.card-print-quantity{display:none}
@media(min-width:901px){
 .card-print-quantity{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 14px;color:#b3c7df;font-size:11px;line-height:1.5;cursor:pointer}
 .card-print-quantity input{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:#58dca5;cursor:pointer}
 .card-print-quantity span{display:inline;margin:0;font-size:11px;color:inherit}
}

.gmail-dialog{width:530px;max-width:calc(100vw - 32px);height:auto;max-height:calc(100dvh - 32px);margin:auto;inset:0;padding:0;color:#dce8fa;background:linear-gradient(140deg,#202c40,#101827);border:1px solid #c6d9ff35;border-radius:22px;overflow:auto;box-shadow:0 24px 80px #0008}
.gmail-dialog::backdrop{background:#030814b8;backdrop-filter:blur(8px)}
.gmail-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px;border-bottom:1px solid #c6d9ff15}
.gmail-dialog h2{font-size:19px;margin:0}.gmail-body{padding:24px}.gmail-body p{font-size:13px;line-height:1.8;overflow-wrap:anywhere}.gmail-body .gmail-note{font-size:11px;color:#95aac8}.gmail-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.gmail-status{display:flex;align-items:center;gap:10px;font-size:14px;color:#e4c18d}.gmail-status i{width:8px;height:8px;background:currentColor;border-radius:50%;box-shadow:0 0 10px currentColor}.gmail-status.connected{color:#77e7b1}.gmail-message{color:#c5dcff}.gmail-actions button:disabled{opacity:.5;cursor:wait}

/* Bank notifications are reviewed before any order is marked paid. */
.bank-payments-dialog{inset:0;margin:auto;width:min(760px,calc(100vw - 24px));height:auto;max-height:calc(100dvh - 24px);padding:0;border:1px solid #ffffff26;border-radius:22px;color:#e2e9f6;background:#151e2e;box-shadow:0 25px 90px #0008;overflow:auto}
.bank-payments-dialog::backdrop{background:#030814b8;backdrop-filter:blur(5px)}
.bank-payments-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #ffffff18}
.bank-payments-dialog h2{font-size:20px;margin:0}.bank-payments-dialog header p{font-size:12px;color:#9eacc4;margin:5px 0 0}.bank-body{padding:22px 24px;font-size:13px;line-height:1.7}.bank-notice,.bank-summary{color:#b6c3d8}.bank-toolbar{display:flex;gap:10px;flex-wrap:wrap}.bank-message{color:#dce9ff;overflow-wrap:anywhere}.bank-payment{padding:18px 0;border-top:1px solid #ffffff1c}.bank-payment-title{display:flex;justify-content:space-between;gap:15px}.bank-payment>p{color:#a6b4cd;font-size:12px}.bank-warning{color:#f1cd89!important}.bank-success{color:#9ee0bb}.bank-payment .field{font-size:12px}.bank-payment select{width:100%;max-width:100%;white-space:normal;background:#1e2b40;color:#e2e9f6;border:1px solid #ffffff24;border-radius:10px;padding:11px}.bank-confirm{margin-top:15px;padding:16px;background:#ffffff07;border:1px solid #ffffff20;border-radius:12px}.bank-confirm .btn{margin:4px}.bank-empty{padding:20px 0;color:#abb9d1}@media(max-width:600px){.bank-body{padding:18px}.bank-toolbar>.btn{width:100%;justify-content:center}.bank-payment-title{flex-wrap:wrap}.bank-confirm .btn{width:100%;margin:4px 0}}