body{background:radial-gradient(circle at 80% 0,#281416 0,#0b0d12 35%,#090b0f 100%)}.app-version{display:flex;align-items:center;gap:12px}.app-version small{padding:7px 11px;border:1px solid #247a55;border-radius:8px;background:#123427;color:#70e5ae;font-weight:900;box-shadow:0 0 18px #25b97835}
aside{background:linear-gradient(180deg,#181b22,#101217);box-shadow:12px 0 40px #0005}
.content{background:linear-gradient(135deg,#ffffff03,#e3272705)}
.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;border:1px solid #ffffff18;border-radius:22px;background:linear-gradient(120deg,#242832,#181b22 62%,#4a171b);box-shadow:0 20px 50px #0005;margin-bottom:20px;overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:#e3272730;right:-70px;top:-110px;filter:blur(8px)}
.hero h2{font-size:30px;margin:6px 0}.hero p,.hero small{color:#b9bec8}.rates{display:flex;align-items:center;gap:12px;z-index:1}.rates div{padding:12px 16px;background:#0d1016aa;border:1px solid #ffffff18;border-radius:14px}.rates span,.rates strong{display:block}.rates span{font-size:11px;color:#a9afba}.rates strong{font-size:19px;margin-top:4px}.rates a,.rate-note a{color:#ff6d72;text-decoration:none}.rates a{padding:12px;max-width:130px}
.stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.stat{position:relative;overflow:hidden;box-shadow:0 12px 30px #0003;transition:.2s}.stat:hover{transform:translateY(-3px);border-color:#ffffff35}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#e32727}.stat.s1:before{background:#3388ff}.stat.s2:before{background:#22b573}.stat.s3:before{background:#f2ae30}.stat strong{letter-spacing:-.6px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.dash-grid h2{margin-bottom:12px}.critical{color:#ff7777;font-weight:900}.sub{display:block;color:#8f97a5;margin-top:3px}.rate-note{padding:11px;border-radius:10px;background:#10131a;border:1px solid #30343e;color:#aeb4bf;line-height:1.6}
@media(max-width:900px){.hero,.rates{align-items:flex-start;flex-direction:column}.dash-grid{grid-template-columns:1fr}}
.sale-layout{display:grid;grid-template-columns:minmax(390px,520px) 1fr;gap:18px;align-items:start}.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cart-add{display:grid;grid-template-columns:1fr 80px auto;gap:8px;padding:12px;background:#11141a;border:1px solid #30343e;border-radius:12px}.sale-total{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:12px;background:linear-gradient(110deg,#242832,#49181c);font-size:17px}.sale-total strong{font-size:24px;color:#fff}.sale-layout section{min-width:0}.sale-layout .table-wrap{max-height:70vh}.sale-layout td{vertical-align:top}
@media(max-width:1100px){.sale-layout{grid-template-columns:1fr}.customer-grid{grid-template-columns:1fr}}
.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}.kpi{padding:18px;border:1px solid #ffffff12;border-radius:16px;background:linear-gradient(145deg,#1d2028,#16191f);box-shadow:0 12px 30px #0003}.kpi span{display:block;color:#9da5b2;font-size:12px}.kpi strong{display:block;font-size:20px;margin-top:8px}.kpi.sales{border-bottom:3px solid #3388ff}.kpi.profit{border-bottom:3px solid #22b573}.kpi.expense{border-bottom:3px solid #ef5350}.kpi.cash{border-bottom:3px solid #f2ae30}.kpi.bank{border-bottom:3px solid #9c6cff}.kpi.debt{border-bottom:3px solid #ff7a45}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel-card{background:linear-gradient(145deg,#1c1f26,#15181e);border:1px solid #30343e;border-radius:18px;padding:20px;box-shadow:0 18px 40px #0003}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.section-head small,.inventory-head small,.expense-summary small{color:#ff686d;font-weight:800;letter-spacing:1.2px}.section-head h2{margin-top:4px}.category-bars{display:grid;gap:15px}.category-bars header{display:flex;justify-content:space-between;margin-bottom:6px}.category-bars i{display:block;height:7px;background:#0d1015;border-radius:10px;overflow:hidden}.category-bars em{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#e32727,#ff7b54)}.badge,.category-chip{padding:5px 9px;border-radius:999px;background:#312025;color:#ff8b8f;font-size:12px}.stock-pill{display:inline-grid;place-items:center;min-width:30px;padding:4px 8px;border-radius:9px;background:#5a2228;color:#ff9da0}.stock-ok{display:inline-grid;place-items:center;min-width:30px;padding:4px 8px;border-radius:9px;background:#163c30;color:#65d5a2}.mini-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-kpis div,.expense-cards div,.inventory-kpis div{padding:14px;background:#10131a;border:1px solid #2c3039;border-radius:12px}.mini-kpis span,.expense-cards span,.inventory-kpis span{display:block;color:#9098a5;font-size:12px}.mini-kpis b,.expense-cards b,.inventory-kpis b{display:block;margin-top:6px;font-size:17px}
.inventory-head,.expense-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;margin-bottom:18px;border-radius:18px;background:linear-gradient(120deg,#242832,#171a20 65%,#3d181b);border:1px solid #ffffff14}.inventory-head h2,.expense-summary h2{font-size:27px;margin:5px 0}.inventory-head p,.expense-summary p{margin:0;color:#9da5b2}.inventory-kpis{display:flex;gap:10px}.stock-layout{display:grid;grid-template-columns:420px 1fr;gap:18px;align-items:start}.product-form{display:grid;gap:14px}.field-section{padding:15px;background:#11141a;border:1px solid #292d36;border-radius:13px;display:grid;gap:11px}.field-section h3{margin:0 0 2px;font-size:13px;color:#ff767b;text-transform:uppercase;letter-spacing:.8px}.two-fields,.three-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.three-fields{grid-template-columns:1fr 1fr 1fr}.calculated{font-size:19px;font-weight:800;color:#62d8a5!important;background:#12251e!important}.rate-strip{display:flex;gap:14px;align-items:center;padding:9px 11px;background:#0d1015;border-radius:9px;color:#aeb5c0}.rate-strip b{color:white}.rate-strip a{margin-left:auto;color:#ff7479;text-decoration:none}.save-big{padding:14px;font-size:16px;background:linear-gradient(100deg,#e32727,#ad1d25)}.stock-list{min-width:0}.stock-list .section-head input{max-width:260px}
.expense-total{padding:15px 20px;background:#10131a;border:1px solid #30343e;border-radius:14px}.expense-total span{display:block;color:#999}.expense-total strong{display:block;font-size:25px;margin-top:5px}.expense-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px}.expense-layout{display:grid;grid-template-columns:380px 1fr;gap:18px;align-items:start}.expense-layout section{min-width:0}
@media(max-width:1300px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.stock-layout,.expense-layout{grid-template-columns:1fr}}
@media(max-width:800px){.kpi-grid,.panel-grid{grid-template-columns:1fr}.inventory-head,.expense-summary{align-items:flex-start;flex-direction:column}.inventory-kpis{width:100%;flex-wrap:wrap}.two-fields,.three-fields{grid-template-columns:1fr}}
.modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#05070bcf;backdrop-filter:blur(7px)}.modal[hidden]{display:none!important}.modal-box{width:min(820px,96vw);max-height:92vh;overflow:auto;padding:24px;border:1px solid #454b58;border-radius:20px;background:linear-gradient(145deg,#20232b,#15171d);box-shadow:0 30px 100px #000}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #333842}.modal-head small{color:#ff6d72;font-weight:800;letter-spacing:1px}.modal-head h2{margin-top:4px}.modal-head button{width:42px}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.edit-grid textarea{min-height:90px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #333842}.modal-actions button{min-width:150px}@media(max-width:650px){.edit-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}
.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.dashboard-toolbar small{color:#ff6d72;font-weight:800;letter-spacing:1px}.dashboard-toolbar h2{margin-top:4px}.period-tabs{display:flex;gap:7px;padding:5px;background:#11141a;border:1px solid #30343e;border-radius:12px}.period-tabs button{background:transparent;color:#9ba3af;padding:8px 12px}.period-tabs button.active{background:linear-gradient(100deg,#e32727,#a91c24);color:white;box-shadow:0 6px 18px #e3272735}.period-kpis{grid-template-columns:repeat(3,1fr)}.kpi.gross{border-bottom:3px solid #4f9cff}.kpi.card{border-bottom:3px solid #8c64ff}.kpi.commission{border-bottom:3px solid #ff8a45}.net-result{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 20px;padding:22px 25px;margin-bottom:20px;border-radius:18px;border:1px solid #ffffff17;box-shadow:0 15px 35px #0003}.net-result.positive{background:linear-gradient(110deg,#16382d,#17231f)}.net-result.negative{background:linear-gradient(110deg,#4a2024,#27171a)}.net-result span{color:#b1b8c2}.net-result strong{grid-row:1/3;grid-column:2;font-size:30px}.net-result.positive strong{color:#64d7a5}.net-result.negative strong{color:#ff8589}.net-result small{color:#89919d}@media(max-width:900px){.dashboard-toolbar{align-items:flex-start;flex-direction:column}.period-tabs{width:100%;overflow:auto}.period-tabs button{white-space:nowrap}.period-kpis{grid-template-columns:1fr 1fr}}@media(max-width:550px){.period-kpis{grid-template-columns:1fr}.net-result{grid-template-columns:1fr}.net-result strong{grid-row:auto;grid-column:auto}}
.history-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:10px 0 14px;padding:10px 13px;border:1px solid #343946;border-radius:13px;background:#11141a}.history-search input{border:0;background:transparent;padding:6px}.history-search input:focus{outline:none}.history-search small{color:#8f98a6;white-space:nowrap}
.payment-box{display:grid;gap:10px;padding:14px;border:1px solid #353a45;border-radius:13px;background:#11141a}.payment-box h3{margin:0 0 3px;color:#ff7479;font-size:13px;text-transform:uppercase;letter-spacing:.8px}.quick-stock{display:inline-flex;gap:4px;margin-right:6px}.quick-stock button{width:32px;height:32px;padding:0;font-size:20px;line-height:1;background:#292e38}.quick-stock button:last-child{background:#176342}.debtors-panel{grid-column:1/-1}.debt-money{color:#ff8589}.debt-collect p{padding:15px;border-radius:12px;background:#171a21;color:#abb2bd}.debt-collect p strong{float:right;color:#ff8589;font-size:19px}
.customer-page{display:grid;grid-template-columns:360px 1fr;gap:18px;align-items:start}.customer-page section{min-width:0}.plate-chip{display:inline-block;padding:5px 9px;border-radius:8px;background:#242a34;color:#f3f5f7;font-weight:800;letter-spacing:.7px}.cart-price{min-width:110px;font-weight:800;color:#64d7a5}.discount{color:#ff9b64!important}@media(max-width:1000px){.customer-page{grid-template-columns:1fr}}
.sale-layout{grid-template-columns:minmax(650px,42%) minmax(0,1fr)!important}.sale-layout>form,.sale-layout>section{min-width:0;max-width:100%;overflow:hidden}.sale-layout>form .table-wrap{max-width:100%;overflow-x:auto}.sale-layout>form .table-wrap table{min-width:610px}.sale-layout .cart-add{grid-template-columns:minmax(0,1fr) 90px!important}.sale-layout .cart-add select{min-width:0}.sale-layout .cart-add #addCart{grid-column:1/-1!important;display:block!important;position:relative!important;z-index:2;width:100%!important;max-width:none!important;white-space:nowrap}.sale-layout>section .table-wrap{max-width:100%;overflow:auto}@media(max-width:1450px){.sale-layout{grid-template-columns:1fr!important}.sale-layout>form{overflow:visible}.sale-layout>form .table-wrap table{min-width:100%}}@media(max-width:700px){.sale-layout>form .table-wrap table{min-width:610px}.customer-grid{grid-template-columns:1fr!important}}
.sale-history .table-wrap{overflow:visible!important}.sale-history table{table-layout:fixed}.sale-history th,.sale-history td{padding:10px 8px;white-space:normal;overflow-wrap:anywhere;vertical-align:middle}.sale-history th:nth-child(1){width:15%}.sale-history th:nth-child(2){width:22%}.sale-history th:nth-child(3){width:20%}.sale-history th:nth-child(4){width:13%}.sale-history th:nth-child(5){width:10%}.sale-history th:nth-child(6){width:8%}.sale-history th:nth-child(7){width:12%}.sale-actions{display:grid;gap:5px}.sale-actions button{width:100%;padding:7px 6px;font-size:12px}.sale-edit-item{display:grid;grid-template-columns:minmax(220px,1fr) 90px 150px auto;gap:10px;align-items:end;padding:12px;margin-bottom:9px;border:1px solid #343a45;border-radius:12px;background:#11151b}.sale-edit-item button{margin-bottom:1px}.sale-edit-payment{margin-top:18px}.modal-box:has(.sale-edit-item){width:min(1050px,96vw)}@media(max-width:780px){.sale-edit-item{grid-template-columns:1fr 1fr}.sale-edit-item label:first-child{grid-column:1/-1}.sale-history .table-wrap{overflow:auto!important}.sale-history table{min-width:900px}}
.grand-total-field small{display:block;margin:5px 0 8px;color:#929aa7;font-weight:400}.sale-detail-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-bottom:18px}.sale-detail-summary div{padding:15px;border:1px solid #303641;border-radius:13px;background:#11151b}.sale-detail-summary span{display:block;color:#929aa7;font-size:12px}.sale-detail-summary strong{display:block;margin-top:7px;font-size:18px}.sale-detail-summary .profit-result{border-color:#246c50;background:#123126}.sale-detail-summary .commission-result{border-color:#7a4c28;background:#382718}.sale-detail-summary .commission-result strong{color:#ffad66}.sale-detail-summary .profit-result strong,.detail-profit{color:#65d5a2}.detail-loss{color:#ff7d82}.detail-note{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.detail-note span{padding:7px 10px;border-radius:9px;background:#11151b;color:#aab1bc;font-size:12px}@media(max-width:650px){.sale-detail-summary{grid-template-columns:1fr}}
.customer-detail-head{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.customer-detail-head div{padding:14px;border:1px solid #303641;border-radius:12px;background:#11151b}.customer-detail-head span{display:block;color:#929aa7;font-size:12px}.customer-detail-head strong{display:block;margin-top:6px}.detail-section-title{margin:8px 0 12px;color:#f1f3f6}@media(max-width:650px){.customer-detail-head{grid-template-columns:1fr}}
.period-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}.period-kpis .kpi{padding:14px 16px;min-width:0}.kpi-value{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.kpi-value strong{margin:0!important;min-width:0;overflow:hidden;text-overflow:ellipsis}.kpi-eye{flex:0 0 34px;width:34px;height:30px;padding:0;border:1px solid #3a404c;background:#11151b;font-size:15px}.kpi-eye:hover{background:#272d38}@media(max-width:1050px){.period-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:550px){.period-kpis{grid-template-columns:1fr!important}}
.kpi.collection{border-bottom:3px solid #18bfa2}
.kpi.net-profit{border-bottom:3px solid #32d481}
.kpi-sortable{position:relative;cursor:grab;transition:opacity .15s,transform .15s}.kpi-sortable:active{cursor:grabbing}.kpi-sortable.dragging{opacity:.45;transform:scale(.98)}.kpi-move{position:absolute;top:7px;right:8px;display:flex;gap:3px}.kpi-move button{width:25px;height:23px;padding:0;border:1px solid #343a45;background:#11151b;color:#9ca5b2;font-size:11px}.kpi-move button:hover{color:#fff;background:#292f39}.period-kpis .kpi>span{padding-right:58px}@media(max-width:550px){.kpi-move button:first-child{font-size:0}.kpi-move button:first-child:after{content:'▲';font-size:11px}.kpi-move button:last-child{font-size:0}.kpi-move button:last-child:after{content:'▼';font-size:11px}}
.card-bank-detail{width:100%;margin-top:9px;padding:6px 9px;border:1px solid #6848bf;background:#241b3d;color:#cdbdff;font-size:11px}.card-bank-detail:hover{background:#35245c}.card-bank-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.card-bank-summary div{padding:13px;border:1px solid #303641;border-radius:12px;background:#11151b}.card-bank-summary span{display:block;color:#929aa7;font-size:11px}.card-bank-summary strong{display:block;margin-top:6px;font-size:17px}@media(max-width:700px){.card-bank-summary{grid-template-columns:1fr 1fr}}
.purchase-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;margin-bottom:18px;border-radius:18px;background:linear-gradient(120deg,#242832,#171a20 65%,#17362e);border:1px solid #ffffff14}.purchase-head small{color:#62d8a5;font-weight:800;letter-spacing:1.2px}.purchase-head h2{font-size:27px;margin:5px 0}.purchase-head p{margin:0;color:#9da5b2}.purchase-summary{display:flex;gap:10px}.purchase-summary div{min-width:145px;padding:14px;background:#10131a;border:1px solid #2c3039;border-radius:12px}.purchase-summary span{display:block;color:#9098a5;font-size:12px}.purchase-summary b{display:block;margin-top:6px;font-size:17px}.purchase-layout{display:grid;grid-template-columns:390px 1fr;gap:18px;align-items:start}.purchase-forms,.purchase-tables{display:grid;gap:18px}.purchase-tables{min-width:0}.purchase-calc{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:12px;background:#11271f;border:1px solid #246c50}.purchase-calc strong{font-size:21px;color:#65d5a2}.supplier-pay{display:block;margin-top:6px;padding:5px 8px;font-size:11px}.kpi.purchase{border-bottom:3px solid #3bc6a0}.kpi.supplier-paid{border-bottom:3px solid #e0a532}.kpi.supplier-debt{border-bottom:3px solid #e46c57}.purchase-product-label{display:grid!important;grid-template-columns:1fr auto;align-items:end;gap:8px}.purchase-product-label>select{grid-column:1}.purchase-product-label>#newPurchaseProduct{grid-column:2;grid-row:1/3;align-self:end;white-space:nowrap;background:#176342}.new-product-note{padding:13px;border:1px solid #246c50;border-radius:11px;background:#11271f;color:#a9d9c8;line-height:1.5}@media(max-width:1150px){.purchase-layout{grid-template-columns:1fr}}@media(max-width:800px){.purchase-head{align-items:flex-start;flex-direction:column}.purchase-summary{width:100%;flex-wrap:wrap}.purchase-summary div{flex:1;min-width:130px}}@media(max-width:600px){.purchase-product-label{grid-template-columns:1fr}.purchase-product-label>#newPurchaseProduct{grid-column:1;grid-row:auto;width:100%}}
.report-toolbar{align-items:end;padding:14px;border:1px solid #30343e;border-radius:14px;background:#15181e}.report-toolbar label{min-width:190px}.report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.report-kpi{padding:17px;border:1px solid #303641;border-bottom:3px solid #e32727;border-radius:15px;background:linear-gradient(145deg,#1d2028,#15181e)}.report-kpi span{display:block;color:#99a2af;font-size:12px}.report-kpi strong{display:block;margin-top:7px;font-size:21px}.report-kpi.units{border-bottom-color:#39a2ff}.report-kpi.revenue{border-bottom-color:#9b72ff}.report-kpi.gross{border-bottom-color:#45c996}.report-kpi.expense{border-bottom-color:#ff5d64}.report-kpi.commission{border-bottom-color:#ff9b54}.report-kpi.net{border-bottom-color:#35d682}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.report-products,.report-debts{margin-top:18px}.report-category-bars{display:grid;gap:16px}.report-category-bars header{display:flex;justify-content:space-between;margin-bottom:7px}.report-category-bars i{display:block;height:8px;overflow:hidden;border-radius:20px;background:#0e1117}.report-category-bars em{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--theme-accent,#e32727),#ff9966)}.report-category-bars small{display:block;margin-top:6px;color:#9099a6}@media(max-width:1100px){.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}}@media(max-width:600px){.report-toolbar{display:grid}.report-toolbar label{min-width:0}.report-kpis{grid-template-columns:1fr}}
.theme-settings{grid-column:1/-1}.theme-settings>p{color:#9ba4b1}.theme-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.theme-option{display:grid;gap:9px;text-align:left;padding:15px;border:2px solid #303641;background:#11151b}.theme-option>span{display:flex;gap:5px}.theme-option i{display:block;width:34px;height:26px;border-radius:7px}.theme-option strong{font-size:15px}.theme-option small{color:#929ba7}.theme-option.active{border-color:var(--theme-accent,#e32727);box-shadow:0 0 22px color-mix(in srgb,var(--theme-accent,#e32727) 35%,transparent)}@media(max-width:800px){.theme-options{grid-template-columns:1fr 1fr}}@media(max-width:480px){.theme-options{grid-template-columns:1fr}}
html[data-theme="eros"]{--theme-accent:#e32727;--theme-bg:#090b0f;--theme-side:#15171d;--theme-panel:#1b1e25;--theme-glow:#281416}html[data-theme="ocean"]{--theme-accent:#2388ff;--theme-bg:#08111e;--theme-side:#0d1828;--theme-panel:#152235;--theme-glow:#102d52}html[data-theme="emerald"]{--theme-accent:#20b983;--theme-bg:#07130f;--theme-side:#0c1c17;--theme-panel:#142720;--theme-glow:#104735}html[data-theme="violet"]{--theme-accent:#9a6cff;--theme-bg:#100b18;--theme-side:#171020;--theme-panel:#241a31;--theme-glow:#3a2258}html[data-theme] body{background:radial-gradient(circle at 80% 0,var(--theme-glow) 0,var(--theme-bg) 40%,#07090d 100%)}html[data-theme] aside{background:linear-gradient(180deg,var(--theme-side),#0c0e12)}html[data-theme] .content{background:linear-gradient(135deg,#ffffff03,color-mix(in srgb,var(--theme-accent) 7%,transparent))}html[data-theme] .panel-card,html[data-theme] .kpi,html[data-theme] .report-kpi,html[data-theme] .table-wrap{background:linear-gradient(145deg,color-mix(in srgb,var(--theme-panel) 92%,white 3%),color-mix(in srgb,var(--theme-panel) 80%,black 20%))}html[data-theme] nav button.active,html[data-theme] nav button:hover{background:color-mix(in srgb,var(--theme-accent) 22%,var(--theme-panel));color:#fff}html[data-theme] button:not(.secondary):not(.danger):not(.kpi-eye):not(.kpi-move button):not(.theme-option){background:linear-gradient(100deg,var(--theme-accent),color-mix(in srgb,var(--theme-accent) 68%,black))}html[data-theme] .section-head small,html[data-theme] .dashboard-toolbar small,html[data-theme] .inventory-head small,html[data-theme] .expense-summary small{color:color-mix(in srgb,var(--theme-accent) 68%,white)}
.finance-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;margin-bottom:18px;border:1px solid #ffffff16;border-radius:18px;background:linear-gradient(120deg,#242832,#171a20 62%,#17362e)}.finance-head small{color:#64d7a5;font-weight:900;letter-spacing:1px}.finance-head h2{margin:5px 0;font-size:28px}.finance-head p{margin:0;color:#9da5b2}.finance-total{min-width:270px;padding:16px;border:1px solid #286c52;border-radius:14px;background:#10291f}.finance-total span,.finance-total small{display:block;color:#9fc8b8}.finance-total strong{display:block;margin:6px 0;font-size:26px;color:#67dcaa}.finance-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.finance-kpis>div{padding:16px;border:1px solid #303641;border-bottom:3px solid #40ba8b;border-radius:15px;background:#171b21}.finance-kpis span,.finance-kpis small{display:block;color:#98a1ae;font-size:12px}.finance-kpis strong{display:block;margin:7px 0;font-size:20px}.finance-kpis .negative{border-bottom-color:#ef5350}.finance-kpis .negative strong{color:#ff8589}.finance-kpis .positive strong{color:#65d5a2}.finance-layout{display:grid;grid-template-columns:430px 1fr;gap:18px;align-items:start}.finance-right{display:grid;gap:18px;min-width:0}.finance-warning{padding:13px;border:1px solid #7a592c;border-radius:11px;background:#352819;color:#e6c692;line-height:1.5}.opening-bank-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px;border:1px solid #303641;border-radius:12px;background:#11151b}.finance-empty{text-align:center;padding:50px}.finance-empty p{color:#9ba3af}.kpi.liquidity{border-bottom:3px solid #45c996}.kpi.reserve{border-bottom:3px solid #e1a83a}.kpi.free-cash{border-bottom:3px solid #33d37f}.finance-dashboard{grid-column:1/-1}@media(max-width:1200px){.finance-kpis{grid-template-columns:1fr 1fr}.finance-layout{grid-template-columns:1fr}}@media(max-width:700px){.finance-head{align-items:flex-start;flex-direction:column}.finance-total{width:100%;min-width:0}.finance-kpis,.opening-bank-list{grid-template-columns:1fr}}
.cash-balance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-flow-note{display:flex;justify-content:space-between;gap:18px;margin:0 0 18px;padding:15px 18px;border:1px solid #2b7156;border-radius:14px;background:#112a21}.cash-flow-note strong{color:#69dca9}.cash-flow-note span{color:#a9b4ae;text-align:right}.report-kpi.cash-flow{border-bottom:3px solid #45c996}.report-kpi.purchase{border-bottom:3px solid #e1a83a}@media(max-width:700px){.cash-balance-kpis{grid-template-columns:1fr}.cash-flow-note{flex-direction:column}.cash-flow-note span{text-align:left}}
.send-all{display:flex!important;align-items:center;gap:9px;padding:12px;border:1px solid #3a414d;border-radius:11px;background:#12161c}.send-all input{width:auto}.transfer-fee-preview{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-radius:11px;background:#332719;border:1px solid #725328}.transfer-fee-preview span{color:#c5b08e}.transfer-fee-preview strong{color:#ffbc70}
.transfer-balloons,.transfer-result-balloons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.transfer-balloons div,.transfer-result-balloons div{padding:14px;border:1px solid #37404c;border-radius:13px;background:#11161d}.transfer-balloons span,.transfer-result-balloons span{display:block;color:#969fac;font-size:12px}.transfer-balloons strong,.transfer-result-balloons strong{display:block;margin-top:7px;font-size:18px}.transfer-balloons div:nth-child(2),.transfer-result-balloons div:nth-child(2){border-color:#7c4d29;background:#37271a}.transfer-balloons div:nth-child(2) strong,.transfer-result-balloons div:nth-child(2) strong{color:#ffad67}.transfer-balloons div:last-child,.transfer-result-balloons div:last-child{border-color:#286b52;background:#112b21}.transfer-balloons div:last-child strong,.transfer-result-balloons div:last-child strong{color:#66d9a7}@media(max-width:700px){.transfer-balloons,.transfer-result-balloons{grid-template-columns:1fr}}
.transfer-money-flow{display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);align-items:center;gap:12px}.transfer-money-balloon{display:block;padding:18px;border:1px solid #3b4757;border-radius:16px;background:#111720}.transfer-money-balloon.incoming{border-color:#28745a;background:#102b21}.transfer-money-balloon span{display:block;font-size:13px;color:#aab5c4}.transfer-money-balloon input{margin:8px 0 5px;border:0!important;background:transparent!important;padding:0!important;font-size:27px;font-weight:800;color:#fff}.transfer-money-balloon.incoming input{color:#69e2ae}.transfer-money-balloon small{color:#7f8b9a}.transfer-fee-pill{padding:11px 8px;border:1px solid #87562d;border-radius:999px;background:#392617;text-align:center}.transfer-fee-pill span,.transfer-fee-pill small{display:block;font-size:10px;color:#d3a477}.transfer-fee-pill strong{display:block;margin:3px 0;color:#ffad67;font-size:15px}@media(max-width:800px){.transfer-money-flow{grid-template-columns:1fr}.transfer-fee-pill{border-radius:14px}.transfer-money-balloon input{font-size:23px}}
.transfer-fee-pill button{margin-top:7px;padding:5px 13px;border-radius:999px;background:#a8652b;font-size:11px;line-height:1.2}.transfer-fee-pill button:hover{background:#c77a38}
.compact-button{width:auto;padding:8px 12px;font-size:12px}.account-visibility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.account-visibility-grid label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid #343d49;border-radius:11px;background:#11161d}.account-visibility-grid input{width:auto}.account-visibility-grid small{color:#69e2ae}@media(max-width:650px){.account-visibility-grid{grid-template-columns:1fr}}
.finance-warning{display:none!important}.info-button{width:32px!important;height:32px;padding:0!important;border:2px solid #2f7df4!important;border-radius:50%!important;background:#101c31!important;color:#4a91ff!important;font-size:20px!important;font-family:Arial,sans-serif;font-weight:900;line-height:26px}.info-button:hover{background:#173c72!important;color:#fff!important}.inline-info-row{display:flex;align-items:center;gap:10px;margin:4px 0 12px;color:#aeb8c6}.info-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:#000b}.info-popup{width:min(520px,100%);padding:20px;border:1px solid #355b91;border-radius:18px;background:#181d26;box-shadow:0 24px 80px #000}.info-popup>button{width:100%;margin-top:14px}.info-modal-text{padding:18px;border:1px solid #2e70d1;border-radius:14px;background:#101a2a;color:#dce9ff;font-size:15px;line-height:1.65}
.info-button{border-color:#db383d!important;background:#2a171a!important;color:#ff777b!important}.info-button:hover{background:#b52229!important;color:#fff!important}.info-overlay,.confirm-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(4,5,8,.78);backdrop-filter:blur(7px)}.info-popup,.confirm-popup{width:min(500px,calc(100vw - 32px));border:1px solid #3a3f4a;border-radius:20px;background:linear-gradient(145deg,#20242c,#171a20);box-shadow:0 28px 90px #000c}.info-popup{padding:22px}.info-popup .modal-head{padding-bottom:15px;border-bottom:1px solid #343943}.info-popup .modal-head small,.confirm-copy small{color:#ff6267;letter-spacing:1.2px;font-weight:900}.info-modal-text{margin-top:16px;padding:18px;border:1px solid #3b414d;border-left:4px solid #dc3035;border-radius:12px;background:#14171d;color:#e4e7ec;line-height:1.65}.info-popup>button{background:#c9242a}.confirm-popup{display:grid;grid-template-columns:54px 1fr;gap:16px;padding:24px}.confirm-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid #555d6a;border-radius:15px;background:#292e37;font-size:25px;font-weight:900}.confirm-icon.danger{border-color:#83343a;background:#35191c;color:#ff656a}.confirm-copy h2{margin:5px 0 8px}.confirm-copy p{margin:0;color:#b7bec9;line-height:1.55}.confirm-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:17px;border-top:1px solid #343943}.confirm-actions button{min-width:125px}.confirm-danger{background:#c92329}.confirm-overlay.closing{opacity:0;transition:.12s}@media(max-width:520px){.confirm-popup{grid-template-columns:1fr}.confirm-actions{grid-column:1;display:grid}.confirm-actions button{width:100%}}
.page-layout-container{outline:1px dashed #e03a40;outline-offset:7px;border-radius:13px}.page-layout-item{position:relative;animation:pageCardWiggle .28s ease-in-out infinite alternate;cursor:grab!important}.page-layout-item:nth-child(even){animation-delay:.14s}.page-layout-item:active{cursor:grabbing!important}.layout-dragging{opacity:.35!important}.page-layout-controls{position:absolute;z-index:50;top:8px;right:8px;display:flex;gap:4px;padding:5px;border:1px solid #4a515e;border-radius:10px;background:#11151aee;box-shadow:0 8px 25px #0008}.page-layout-controls button{padding:5px 8px;font-size:10px}.layout-size-small{grid-column:span 1!important}.layout-size-medium{grid-column:span 2!important}.layout-size-large{grid-column:1/-1!important}.layout-hidden{display:none!important}.hidden-layout-panel{position:fixed;z-index:9000;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;max-width:calc(100vw - 40px);padding:10px 12px;border:1px solid #484f5b;border-radius:14px;background:#171b21ee;box-shadow:0 15px 50px #000b;overflow:auto}.hidden-layout-panel strong{white-space:nowrap;color:#ff6d71}.hidden-layout-panel small{white-space:nowrap;color:#929ba8}.hidden-layout-panel button{white-space:nowrap;padding:7px 10px;background:#2b313b}@keyframes pageCardWiggle{from{transform:rotate(-.18deg) translateY(-1px)}to{transform:rotate(.18deg) translateY(1px)}}@media(max-width:800px){.page-layout-controls{position:static;display:grid;grid-template-columns:repeat(5,auto);margin-bottom:8px}.layout-size-small,.layout-size-medium,.layout-size-large{grid-column:1/-1!important}.hidden-layout-panel{left:12px;right:12px;transform:none}}
.datetime-overlay{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;padding:20px;background:#030407d9;backdrop-filter:blur(8px)}.datetime-popup{width:min(680px,calc(100vw - 30px));padding:25px;border:1px solid #414754;border-radius:22px;background:linear-gradient(145deg,#22262e,#171a20);box-shadow:0 30px 100px #000d}.datetime-popup>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #373c46}.datetime-popup header small{color:#ff6065;letter-spacing:1.2px;font-weight:900}.datetime-popup header h2{margin-top:5px;font-size:25px;text-transform:capitalize}.picker-nav{display:grid;grid-template-columns:50px 1fr 50px;align-items:center;gap:10px;margin:18px 0 12px}.picker-nav strong{text-align:center;font-size:21px}.picker-nav button{font-size:26px;padding:7px}.picker-week,.picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.picker-week{margin-bottom:7px}.picker-week span{text-align:center;color:#9ca5b2;font-size:12px;font-weight:800}.picker-days button{aspect-ratio:1.15;min-height:45px;padding:0;border:1px solid #343a44;background:#14171d;color:#e8eaee}.picker-days button:hover{border-color:#db383d;background:#2d191c}.picker-days button.muted{opacity:.36}.picker-days button.today{box-shadow:inset 0 0 0 1px #ff656a}.picker-days button.active{border-color:#e22d33;background:#c92329;color:#fff;box-shadow:0 5px 18px #b11b2055}.picker-time{display:flex;align-items:end;justify-content:center;gap:12px;margin-top:18px;padding:16px;border:1px solid #373d48;border-radius:14px;background:#12151a}.picker-time label{min-width:150px}.picker-time span{padding-bottom:9px;font-size:28px;font-weight:900}.picker-time select{font-size:19px;font-weight:800}.datetime-popup>footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:17px;border-top:1px solid #373c46}.datetime-popup>footer button{min-width:150px}@media(max-width:600px){.datetime-popup{padding:17px}.picker-days{gap:4px}.picker-days button{min-height:38px}.picker-time label{min-width:0;flex:1}.datetime-popup>footer{display:grid;grid-template-columns:1fr 1fr}.datetime-popup>footer button{min-width:0}}
.datetime-popup .picker-days button.active,.datetime-popup .picker-days button.active:hover{position:relative;z-index:2;border:3px solid #fff!important;background:#fff!important;color:#101218!important;font-weight:1000!important;box-shadow:0 0 0 3px #11151b,0 8px 24px #000a!important;transform:scale(1.04)}.datetime-popup .picker-days button.active.today{box-shadow:0 0 0 3px #11151b,0 0 0 5px #ff5d62,0 8px 24px #000a!important}
.header-actions{display:flex;align-items:center;gap:12px}.mobile-access-button{padding:8px 12px;border:1px solid #3e4653;background:#242a33}.mobile-url-card{margin:12px 0;padding:16px;border:1px solid #3b424e;border-left:4px solid #e12c32;border-radius:13px;background:#12161c}.mobile-url-card span,.mobile-access-intro span{display:block;color:#9da6b3;font-size:12px}.mobile-url-card strong{display:block;margin:8px 0 12px;color:#fff;font-size:21px;word-break:break-all}.mobile-url-card>div{display:flex;gap:8px}.mobile-access-intro{display:grid;gap:7px;padding:15px;border-radius:12px;background:#18231f;border:1px solid #2d624d}.mobile-access-steps{margin-top:14px;padding:15px;border:1px solid #343b46;border-radius:12px;background:#12161c}.mobile-access-steps ol{margin:9px 0;padding-left:21px;color:#c7cdd6;line-height:1.7}.mobile-access-steps small{color:#ff8a8e}.mobile-access-error{padding:18px;border:1px solid #77383c;border-radius:12px;background:#32191c;color:#ff9195}@media(max-width:800px){#app{display:block!important}aside{position:sticky!important;top:0;z-index:500;padding:10px!important;gap:8px!important}.brand{font-size:17px}#nav{display:flex!important;flex-direction:row!important;gap:7px!important;overflow-x:auto;padding-bottom:4px}#nav button{flex:0 0 auto;width:auto!important;padding:8px 11px!important;font-size:12px!important}#editMenuLayout,#logout{display:none}.content{padding:14px!important}.content>header{align-items:flex-start;gap:10px}.header-actions{align-items:flex-end;flex-direction:column}.mobile-access-button{font-size:11px;padding:7px 9px}.app-version small{font-size:9px}.sale-layout,.finance-layout,.purchase-layout,.stock-layout,.expense-layout,.grid,.panel-grid{grid-template-columns:1fr!important}.mobile-url-card>div{display:grid}}
@media(min-width:801px){#nav{display:flex;flex:1;flex-direction:column}#nav button[data-page="settings"]{margin-top:auto}}.draft-clear{width:100%;margin-top:4px;background:#343a45}.draft-clear:hover{background:#454d5b}
@media(min-width:801px){#nav button[data-page="settings"]{margin-top:0}}.menu-layout-button{margin-top:auto;border:1px solid #3b4350;background:#232832}.menu-layout-button.save-layout{background:#178b61;border-color:#36c894}.menu-editing{padding:8px;border:1px dashed #e13b3f;border-radius:13px;background:#250f12}.menu-editing [data-page]{cursor:grab;animation:menuWiggle .24s ease-in-out infinite alternate;box-shadow:0 0 0 1px #ffffff12}.menu-editing [data-page]:nth-child(even){animation-delay:.12s}.menu-editing [data-page]:active{cursor:grabbing}.menu-dragging{opacity:.35!important}.menu-small{padding:6px 12px!important;font-size:12px!important}.menu-medium{padding:10px 14px!important;font-size:14px!important}.menu-large{padding:15px 16px!important;font-size:16px!important}@keyframes menuWiggle{from{transform:rotate(-.6deg) translateX(-1px)}to{transform:rotate(.6deg) translateX(1px)}}@media(max-width:800px){.menu-layout-button{margin-top:0}.menu-editing{grid-template-columns:1fr!important}.menu-editing [data-page]{width:100%}}

/* S71: telefon ekraninda tum sayfalar tam genislikte ve yatay kaydirmasiz */
@media(max-width:800px){
 html,body{width:100%;max-width:100%;overflow-x:hidden!important}
 body{font-size:14px}
 #app,.content,#view,aside{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important}
 #app{overflow-x:hidden!important}
 aside{position:relative!important;top:auto!important;padding:12px!important}
 aside .brand{margin:0 0 10px;font-size:20px}
 #nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%!important;overflow:visible!important;padding:0!important}
 #nav button{width:100%!important;min-width:0!important;max-width:100%!important;padding:9px 5px!important;font-size:11px!important;line-height:1.15;white-space:normal!important;overflow-wrap:anywhere}
 #editMenuLayout,#logout{display:block!important;width:100%!important;margin-top:8px!important}
 .content{padding:10px!important;overflow:hidden!important}
 .content>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:12px}
 .content>header h1{font-size:22px!important;min-width:0}
 .header-actions{display:flex!important;align-items:flex-end!important;gap:5px!important;min-width:0}
 .header-actions .app-version{gap:5px!important;justify-content:flex-end;flex-wrap:wrap}
 .header-actions #user{font-size:11px}.header-actions .app-version small{font-size:8px!important;padding:4px 6px!important}
 .mobile-access-button{font-size:10px!important;padding:6px 8px!important}
 #view,#view>*{max-width:100%!important;min-width:0!important}
 #view .card,#view .panel-card,#view section,#view form,#view .table-wrap,#view .field-section,#view .payment-box{box-sizing:border-box;max-width:100%!important;min-width:0!important}
 .sale-layout,.purchase-layout,.expense-layout,.stock-layout,.finance-layout,.customer-page,.customer-layout,.appointment-layout,.panel-grid,.dash-grid,.report-grid,.grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:12px!important}
 .sale-layout>*,.purchase-layout>*,.expense-layout>*,.stock-layout>*,.finance-layout>*,.customer-page>*{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
 .panel-card,.card{padding:14px!important;border-radius:15px!important}
 .customer-grid,.two-fields,.three-fields,.edit-grid,.sale-edit-item,.cart-add,.purchase-product-label{grid-template-columns:minmax(0,1fr)!important}
 .cart-add>*{grid-column:1!important;width:100%!important;max-width:100%!important}
 .sale-layout .cart-add #addCart,.purchase-product-label>#newPurchaseProduct{grid-column:1!important;grid-row:auto!important;width:100%!important}
 label,input,select,textarea,button{box-sizing:border-box;max-width:100%;min-width:0}
 input,select,textarea{width:100%!important;font-size:16px!important}
 button{overflow-wrap:anywhere}
 .inventory-head,.expense-summary,.purchase-head,.section-head,.dashboard-toolbar{align-items:stretch!important;flex-direction:column!important;padding:15px!important;gap:10px!important}
 .inventory-head h2,.expense-summary h2,.purchase-head h2{font-size:22px!important}
 .inventory-kpis,.purchase-summary,.rates,.period-tabs{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:100%!important;overflow:visible!important}
 .inventory-kpis>*,.purchase-summary>*{min-width:0!important;width:auto!important}
 .period-tabs button{white-space:normal!important}
 .kpi-grid,.period-kpis,.report-kpis,.stats,.expense-cards,.card-bank-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .kpi,.stat,.report-kpi{min-width:0!important;padding:12px!important}
 .kpi strong,.stat strong,.report-kpi strong{font-size:16px!important;overflow-wrap:anywhere}
 .history-search{grid-template-columns:auto minmax(0,1fr)!important;width:100%!important}.history-search small{grid-column:1/-1;white-space:normal!important}
 .sale-layout>form .table-wrap table,.sale-history table,.mobile-table{min-width:0!important;width:100%!important;table-layout:auto!important}
 .table-wrap,.sale-history .table-wrap,.sale-layout>section .table-wrap,.sale-layout>form .table-wrap{width:100%!important;max-width:100%!important;overflow:visible!important}
 .mobile-table,.mobile-table tbody{display:block!important;width:100%!important}
 .mobile-table thead{display:none!important}
 .mobile-table tbody tr{display:block!important;width:100%!important;margin:0 0 10px;padding:8px;border:1px solid #343a45;border-radius:12px;background:#14181f}
 .mobile-table tbody td{display:grid!important;grid-template-columns:minmax(84px,34%) minmax(0,1fr)!important;align-items:start;gap:8px;width:100%!important;max-width:100%!important;padding:7px 5px!important;border:0!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;word-break:break-word!important;text-align:left!important}
 .mobile-table tbody td:before{content:attr(data-mobile-label);color:#929ba8;font-size:11px;font-weight:800}
 .mobile-table tbody td[colspan]{display:block!important;text-align:center!important}.mobile-table tbody td[colspan]:before{display:none}
 .mobile-table tbody td:empty{display:none!important}
 .mobile-table .sale-actions,.mobile-table td:last-child>div{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
 .mobile-table button{width:auto!important;max-width:100%!important;padding:8px 10px!important}
 .sale-edit-item label:first-child{grid-column:1!important}
 .modal,.datetime-overlay,.confirm-overlay,.info-overlay{padding:8px!important}
 .modal-box,.datetime-popup,.confirm-popup,.info-popup{box-sizing:border-box;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;padding:15px!important}
 .datetime-popup{max-height:96vh;overflow:auto}.picker-days{gap:3px!important}.picker-days button{min-height:36px!important;font-size:12px!important}
 .transfer-money-flow{grid-template-columns:minmax(0,1fr)!important}
 .mobile-url-card>div,.modal-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 .page-layout-controls{grid-template-columns:repeat(3,minmax(0,1fr))!important}.page-layout-controls button{width:100%!important}
}

/* S81: telefon ana menüsü ve ana panel için sıkı, iki sütunlu düzen */
@media(max-width:800px){
 aside{
  position:relative!important;
  isolation:isolate;
  padding:18px 12px 14px!important;
  gap:10px!important;
  overflow:hidden!important;
 }
 aside:before{
  content:'EG';
  position:absolute;
  z-index:-1;
  top:3px;
  left:50%;
  transform:translateX(-50%);
  width:92px;
  height:92px;
  display:grid;
  place-items:center;
  border:2px solid color-mix(in srgb,var(--theme-accent) 32%,transparent);
  border-radius:50%;
  color:color-mix(in srgb,var(--theme-accent) 18%,transparent);
  font-size:34px;
  font-weight:1000;
  letter-spacing:-3px;
 }
 aside>.brand{
  position:relative;
  z-index:1;
  margin:15px 0 25px!important;
  text-align:center!important;
  font-size:25px!important;
  line-height:1.1;
  letter-spacing:1.8px;
  text-transform:uppercase!important;
 }
 #nav{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  overflow:visible!important;
 }
 #nav button{
  width:100%!important;
  min-height:46px!important;
  padding:9px 8px!important;
  text-align:center!important;
  font-size:12px!important;
  line-height:1.15!important;
  letter-spacing:.25px;
  text-transform:uppercase!important;
  white-space:normal!important;
 }
 #editMenuLayout,#logout{min-height:43px!important;text-transform:uppercase!important}

 .dashboard-toolbar{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin-bottom:10px!important;
  padding:0!important;
 }
 .dashboard-toolbar>div:first-child{padding:0 3px!important}
 .dashboard-toolbar h2{font-size:20px!important;margin-top:2px!important}
 .dashboard-toolbar small{font-size:10px!important}
 .period-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  padding:6px!important;
  overflow:visible!important;
 }
 .period-tabs button{
  width:100%!important;
  min-height:38px!important;
  padding:7px 5px!important;
  font-size:12px!important;
  white-space:nowrap!important;
 }
 .hero.executive{padding:14px!important;margin-bottom:10px!important;min-height:0!important}
 .hero.executive h2{font-size:22px!important;line-height:1.12!important}
 .hero.executive p{margin:6px 0 0!important;font-size:12px!important}
 .hero.executive .rates{display:none!important}

 .kpi-grid.period-kpis{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin-bottom:12px!important;
 }
 .period-kpis>.kpi,.period-kpis>.layout-size-small,.period-kpis>.layout-size-medium,.period-kpis>.layout-size-large{
  grid-column:auto!important;
  min-width:0!important;
  min-height:86px!important;
  padding:10px!important;
  border-radius:12px!important;
 }
 .period-kpis .kpi>span{padding-right:39px!important;font-size:10px!important;line-height:1.15!important}
 .period-kpis .kpi-value{gap:4px!important;margin-top:9px!important}
 .period-kpis .kpi-value strong{font-size:14px!important;white-space:nowrap!important;overflow:visible!important}
 .period-kpis .kpi-eye{flex:0 0 27px!important;width:27px!important;height:25px!important;font-size:12px!important}
 .period-kpis .kpi-move{top:4px!important;right:5px!important;gap:2px!important}
 .period-kpis .kpi-move button{width:18px!important;height:18px!important;font-size:8px!important}
 .period-kpis .card-bank-detail{width:100%!important;margin-top:6px!important;padding:5px!important;font-size:9px!important}
}
@media(max-width:390px){
 .kpi-grid.period-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .period-kpis>.kpi{min-height:82px!important;padding:9px!important}
 .period-kpis .kpi-value strong{font-size:12px!important}
}

/* S85: tum mobil kayit kartlarinda islem dugmeleri tek satir */
@media(max-width:800px){
 .mobile-table tbody td:last-child:has(>button){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:5px!important;
  width:100%!important;
 }
 .mobile-table tbody td:last-child:has(>button:only-child){grid-template-columns:minmax(0,1fr)!important}
 .mobile-table tbody td:last-child:has(>button:nth-of-type(3)){
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
 }
 .mobile-table tbody td:last-child>button{
  grid-column:auto!important;
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  margin:0!important;
  padding:5px 2px!important;
  border-radius:9px!important;
  font-size:11px!important;
  line-height:1!important;
  white-space:nowrap!important;
 }
 .sale-history .mobile-table tbody td:last-child{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
 }
 .sale-history .mobile-table tbody td:last-child>.sale-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  width:100%!important;
 }
 .sale-history .mobile-table tbody td:last-child>.sale-actions>button{
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  margin:0!important;
  padding:5px 2px!important;
  font-size:11px!important;
  white-space:nowrap!important;
 }
}

/* S78: mobil satış kartında üç işlem düğmesi daima tek satır */
@media(max-width:800px){
 .sale-history .mobile-table tbody td:last-child{
  display:block!important;
  width:100%!important;
  padding:7px 5px!important;
 }
 .sale-history .mobile-table tbody td:last-child>.sale-actions{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:stretch!important;
  width:100%!important;
  gap:5px!important;
 }
 .sale-history .mobile-table tbody td:last-child>.sale-actions>button{
  flex:1 1 0!important;
  width:0!important;
  min-width:0!important;
  height:38px!important;
  margin:0!important;
  padding:5px 2px!important;
  border-radius:9px!important;
  font-size:11px!important;
  line-height:1!important;
  white-space:nowrap!important;
 }
}
@media(max-width:390px){
 #nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .kpi-grid,.period-kpis,.report-kpis,.stats,.expense-cards,.card-bank-summary{grid-template-columns:minmax(0,1fr)!important}
 .content{padding:8px!important}.panel-card,.card{padding:11px!important}
}

/* S72: mobil arama, detay pencereleri ve islem dugmeleri */
[hidden]{display:none!important}
@media(max-width:800px){
 .modal-box,.info-popup,.confirm-popup{overflow-x:hidden!important}
 .modal-box>*{max-width:100%!important;min-width:0!important}
 .sale-detail-summary,.customer-detail-head,.card-bank-summary,.transfer-result-balloons{grid-template-columns:minmax(0,1fr)!important;width:100%!important}
 .sale-detail-summary>*,.customer-detail-head>*,.card-bank-summary>*,.transfer-result-balloons>*{box-sizing:border-box;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere}
 .modal .table-wrap,.info-popup .table-wrap{max-width:100%!important;overflow:visible!important}
 .modal .mobile-table,.info-popup .mobile-table{min-width:0!important;width:100%!important}
 .mobile-table tbody td:last-child{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .mobile-table tbody td:last-child:before{display:none!important}
 .mobile-table tbody td:last-child>button,.mobile-table tbody td:last-child>.sale-actions,.mobile-table tbody td:last-child>.sale-actions>button{width:100%!important;min-width:0!important;margin:0!important}
 .mobile-table tbody td:last-child>.sale-actions{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mobile-table tbody td:last-child:not(:has(button)):not(:has(.sale-actions)){display:grid!important;grid-template-columns:minmax(84px,34%) minmax(0,1fr)!important}
 .mobile-table tbody td:last-child:not(:has(button)):not(:has(.sale-actions)):before{display:block!important}
 #stockSearch,#purchaseSearch,#customerSearch{width:100%!important}
 [data-stock-row].search-no-match{display:none!important}
 .stock-search-result{display:block;margin-top:7px;color:#6bddab;font-weight:800}.stock-search-result.not-found{color:#ff777b}
 .stock-list .section-head{position:sticky;top:0;z-index:6;background:var(--panel,#1b1f27);padding:8px 0 12px;border-radius:12px}
 .stock-sale-price{align-items:center!important}.stock-sale-value{font-weight:900;letter-spacing:0;color:#fff}
 .live-search-result{display:block;margin-top:7px;color:#ff777b;font-weight:900;letter-spacing:.6px}.live-search-result.not-found{color:#ff9a67}
 tr.search-no-match{display:none!important}
 [data-stock-row] td:has(.stock-pill),[data-stock-row] td:has(.stock-ok){display:grid!important;grid-template-columns:minmax(84px,34%) minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important}
 [data-stock-row] td:has(.stock-pill):before,[data-stock-row] td:has(.stock-ok):before{display:block!important}
 [data-stock-row] td>.quick-stock{display:flex!important;gap:5px!important;width:auto!important;margin:0!important}
 [data-stock-row] td>.quick-stock button{flex:0 0 40px!important;width:40px!important;height:38px!important;padding:0!important;font-size:20px!important}
 .mobile-table tbody td:last-child>[data-edit-product],.mobile-table tbody td:last-child>[data-del-product]{width:100%!important;min-width:0!important}
 .sale-history,.sale-history .table-wrap,.sale-layout .sale-history .table-wrap{height:auto!important;max-height:none!important;overflow:visible!important}
 .sale-history .mobile-table,.sale-history .mobile-table tbody{height:auto!important;max-height:none!important;overflow:visible!important}
 .sale-history .mobile-table tbody tr{display:block!important;max-height:none!important;overflow:visible!important}
 .sale-history .mobile-table tbody td:last-child{display:block!important;width:100%!important}
 .sale-history .mobile-table .sale-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:7px!important}
 .sale-history .mobile-table .sale-actions button{display:block!important;width:100%!important;min-width:0!important;padding:9px 3px!important;font-size:11px!important;white-space:nowrap!important}
}

/* S85 FINAL: mobil kartlarda tum islem dugmeleri tek satir */
@media(max-width:800px){
 .mobile-table tbody td:last-child:has(>button){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:5px!important;width:100%!important}
 .mobile-table tbody td:last-child:has(>button:only-child){grid-template-columns:minmax(0,1fr)!important}
 .mobile-table tbody td:last-child:has(>button:nth-of-type(3)){grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .mobile-table tbody td:last-child>button{grid-column:auto!important;width:100%!important;min-width:0!important;height:38px!important;margin:0!important;padding:5px 2px!important;border-radius:9px!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important}
 .sale-history .mobile-table tbody td:last-child{display:block!important;width:100%!important}
 .sale-history .mobile-table tbody td:last-child>.sale-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;width:100%!important}
 .sale-history .mobile-table tbody td:last-child>.sale-actions>button{grid-column:auto!important;width:100%!important;min-width:0!important;height:38px!important;margin:0!important;padding:5px 2px!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important}
}

/* S86 FINAL: mobil basliktaki disli ve toplu arac menusu */
.mobile-brand-bar{display:contents}
#mobileToolsButton,#mobileToolsMenu{display:none}
@media(max-width:800px){
 aside{overflow:visible!important}
 .mobile-brand-bar{position:relative;display:block;width:100%}
 .mobile-brand-bar>.brand{margin:15px 50px 25px!important;text-align:center!important}
 #mobileToolsButton{
  position:absolute;
  z-index:12;
  top:7px;
  right:2px;
  display:grid;
  place-items:center;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  padding:0!important;
  border:1px solid color-mix(in srgb,var(--theme-accent) 55%,#3b414d);
  border-radius:13px;
  background:#252a33;
  color:#fff;
  font-size:22px!important;
  line-height:1;
  box-shadow:0 8px 24px #0007;
 }
 #mobileToolsButton[aria-expanded="true"]{background:var(--theme-accent,#df252b);transform:rotate(25deg)}
 #mobileToolsMenu{
  position:absolute;
  z-index:30;
  top:57px;
  right:1px;
  display:grid;
  gap:6px;
  width:min(230px,calc(100vw - 32px));
  padding:9px;
  border:1px solid #3b424e;
  border-radius:15px;
  background:#1c2028;
  box-shadow:0 18px 55px #000c;
 }
 #mobileToolsMenu[hidden]{display:none!important}
 #mobileToolsMenu button{display:block!important;width:100%!important;min-height:42px!important;margin:0!important;text-align:left!important;text-transform:uppercase;font-size:12px!important}
 #nav button[data-page="settings"],aside>#editMenuLayout,aside>#logout{display:none!important}
}

/* S87 FINAL: giris oncesi panel kesinlikle gizli, giris logosu ortali */
#app[hidden]{display:none!important}
.login-identity{display:grid;justify-items:center;gap:11px;margin-bottom:4px;text-align:center}
.login-identity>.brand{font-size:25px;line-height:1.1;text-align:center;text-transform:uppercase;letter-spacing:1.8px}
.login-mark{
 position:relative;
 display:grid;
 grid-template-columns:auto auto;
 place-content:center;
 width:88px;
 height:88px;
 border:3px solid var(--theme-accent,#e32727);
 border-radius:50%;
 color:#fff;
 background:radial-gradient(circle at 35% 28%,#343a45,#15181e 68%);
 box-shadow:0 0 0 7px color-mix(in srgb,var(--theme-accent,#e32727) 12%,transparent),0 15px 40px #0009;
 font-size:28px;
 font-weight:1000;
 letter-spacing:-5px;
 overflow:hidden;
}
.login-mark:after{content:'';position:absolute;inset:15px;border:2px solid color-mix(in srgb,var(--theme-accent,#e32727) 58%,#fff);border-radius:50%}
.login-mark span,.login-mark b{position:relative;z-index:1;font:inherit}.login-mark b{color:var(--theme-accent,#e32727)}
.login-card>p{text-align:center;margin:4px 0 16px;color:#c8cdd5}
.sale-detail-summary.profit-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sale-detail-summary.profit-summary>div{min-height:105px;padding:20px;border-radius:16px}
.sale-detail-summary.profit-summary small{display:block;margin-top:8px;color:#9da6b4}
.detail-note.detail-note-large{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.detail-note.detail-note-large>span{display:flex;flex-direction:column;gap:7px;min-height:86px;padding:17px;border:1px solid #353c48;border-radius:15px;background:#151a21}
.detail-note.detail-note-large small{color:#9da6b4}.detail-note.detail-note-large strong{color:#fff;font-size:15px}
@media(max-width:800px){
 #app[hidden]{display:none!important}
 .login-wrap{padding:24px 0;align-content:center}
 .login-card{width:min(650px,88vw)!important;padding:24px!important}
 .login-mark{width:82px;height:82px;font-size:27px}
 .login-identity>.brand{font-size:23px!important}
 .sale-detail-summary.profit-summary,.detail-note.detail-note-large{grid-template-columns:1fr!important}
}
.stock-list-tools{display:grid;grid-template-columns:minmax(220px,1fr) minmax(210px,260px) auto;align-items:end;gap:10px;width:min(760px,100%)}
.stock-list-tools>#stockSearch{width:100%;min-width:0}
.stock-sort-label{display:grid;gap:5px;margin:0;color:#aab3c5;font-size:12px}
.stock-sort-label select{width:100%;min-height:41px}
.stock-result-count{align-self:center;white-space:nowrap;color:#ff7077;font-weight:800;letter-spacing:.04em}
.inventory-total-value{border-color:#286b55!important;background:linear-gradient(145deg,#10251e,#10131a)!important}.inventory-total-value b{color:#62d8a5;white-space:nowrap}
.mini-kpis .stock-value.purchase{border-color:#a87925}.mini-kpis .stock-value.sale{border-color:#397ec9}.mini-kpis .stock-value.profit{border-color:#27795d}.mini-kpis .stock-value.purchase b{color:#f2bd53}.mini-kpis .stock-value.sale b{color:#67aaff}.mini-kpis .stock-value.profit b{color:#62d8a5}
.stock-private-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.stock-private-row b{letter-spacing:.08em}.stock-private-eye{display:inline-grid;place-items:center;flex:0 0 38px;width:38px;height:34px;min-height:34px;padding:0;border:1px solid var(--border);border-radius:9px;background:#242a34;font-size:17px;line-height:1;cursor:pointer}.stock-private-eye:active{transform:scale(.93)}
@media(max-width:760px){.stock-list .section-head{align-items:stretch}.stock-list-tools{grid-template-columns:1fr;width:100%}.stock-result-count{padding:2px 2px 0}.stock-sort-label select{font-size:16px}}

/* S101: oturum ve ana hesap/personel yetkileri */
.remember-row{display:flex!important;align-items:center;gap:9px;width:max-content;margin:3px 0 5px;color:#cbd1dc;cursor:pointer}
.remember-row input{width:19px!important;height:19px!important;margin:0;accent-color:var(--theme-accent,#df252b)}
.remember-row span{font-size:14px}
.team-settings{margin-top:18px}.team-settings .section-head p{max-width:850px;margin-top:7px;color:#aab2c0;line-height:1.55}
.permission-box{margin:14px 0;padding:16px;border:1px solid #343b47;border-radius:14px;background:#12161d}
.permission-box legend{padding:0 8px;color:#ff777c;font-weight:900;letter-spacing:.04em}
.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.permission-grid label{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 11px;border:1px solid #303742;border-radius:10px;background:#191e26;cursor:pointer}
.permission-grid input{width:18px!important;height:18px!important;margin:0;accent-color:var(--theme-accent,#df252b)}
.staff-actions{display:flex;gap:10px;margin-top:15px}.staff-actions button{flex:1}
.password-rules{display:block;margin-top:-4px;color:#919baa}
.mobile-qr-wrap{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:center}.mobile-qr-wrap>img{display:block;width:190px;height:190px;padding:8px;border-radius:14px;background:#fff}.mobile-url-details{min-width:0}.mobile-url-details p{margin:0 0 12px;color:#aab3c0;line-height:1.45}.mobile-url-details>div{display:flex;gap:8px}
.cloud-qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cloud-qr-grid .mobile-qr-wrap{grid-template-columns:150px minmax(0,1fr)}.cloud-qr-grid .mobile-qr-wrap>img{width:150px;height:150px}.mobile-url-card.staff{border-left-color:#28b978}.mobile-url-details small{display:block;margin:8px 0;color:#7f8998;word-break:break-all}.login-mode-badge{margin:0 0 12px;padding:9px 12px;border:1px solid #b72b31;border-radius:10px;background:#32191c;color:#ff8589;font-size:12px;font-weight:900;letter-spacing:.08em;text-align:center}

@media(max-width:800px){
 html,body,#app,.content,#view{max-width:100%!important;overflow-x:hidden!important}
 .content{min-width:0!important}.panel-card{min-width:0!important;overflow:hidden!important}
 .mini-kpis{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:100%!important}
 .mini-kpis>div{box-sizing:border-box!important;min-width:0!important;width:auto!important;max-width:100%!important;padding:10px!important}
 .mini-kpis span{font-size:11px!important;line-height:1.25}.mini-kpis b{font-size:clamp(13px,3.8vw,17px)!important;line-height:1.2!important}
 .stock-private-row{min-width:0!important;gap:4px!important}.stock-private-row b{min-width:0!important;max-width:100%!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
 .stock-private-eye{display:none!important}
 .permission-grid{grid-template-columns:1fr!important}.staff-actions{display:grid!important}.team-settings{padding:14px!important}
 .cloud-qr-grid{grid-template-columns:1fr!important}.mobile-qr-wrap{grid-template-columns:1fr!important;justify-items:center}.mobile-url-details{text-align:center}.mobile-url-details>div{display:grid!important}.mobile-qr-wrap>img{width:min(260px,75vw)!important;height:auto!important}.mobile-url-card strong{font-size:15px!important}
}

/* V144 - Toptancı alış ekranı canlı ürün arama */
.purchase-product-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.purchase-product-search{position:relative;width:100%}
.purchase-product-search>input{width:100%}
.purchase-product-results{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 5px);max-height:330px;overflow:auto;background:#10131a;border:1px solid #343b48;border-radius:10px;box-shadow:0 14px 32px #0009;padding:5px}
.purchase-product-result{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px!important;border:0!important;border-radius:7px!important;background:transparent!important;text-align:left;color:#f5f7fa!important}
.purchase-product-result:hover,.purchase-product-result:focus{background:#242a34!important;outline:none}
.purchase-product-result strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.purchase-product-result span{flex:0 0 auto;font-size:12px;color:#9da5b2}
.purchase-product-empty{padding:12px;color:#9da5b2}

/* V144 - Toptancı alış ekranı canlı ürün arama */
.purchase-product-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.purchase-product-search{position:relative;width:100%}
.purchase-product-search>input{width:100%}
.purchase-product-results{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 5px);max-height:330px;overflow:auto;background:#10131a;border:1px solid #343b48;border-radius:10px;box-shadow:0 14px 32px #0009;padding:5px}
.purchase-product-result{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px!important;border:0!important;border-radius:7px!important;background:transparent!important;text-align:left;color:#f5f7fa!important}
.purchase-product-result:hover,.purchase-product-result:focus{background:#242a34!important;outline:none}
.purchase-product-result strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.purchase-product-result span{flex:0 0 auto;font-size:12px;color:#9da5b2}
.purchase-product-empty{padding:12px;color:#9da5b2}

/* V156 - Satış ürün ekleme: ETİKET + KUTU + ADET + KUTU + BUTON gerçekten tek satır */
@media(min-width:801px){
  .sale-product-search{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    position:relative!important;
  }
  .sale-product-search>label:first-child{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  .sale-product-search .sale-qty-label{
    display:grid!important;
    grid-template-columns:auto 82px!important;
    align-items:center!important;
    gap:8px!important;
    flex:0 0 auto!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  .sale-product-search #cartProductSearch{
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    margin:0!important;
  }
  .sale-product-search #cartQty{
    width:82px!important;
    height:40px!important;
    margin:0!important;
  }
  .sale-product-search #addCart{
    display:block!important;
    flex:0 0 134px!important;
    width:134px!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    grid-column:auto!important;
    grid-row:auto!important;
    white-space:nowrap!important;
  }
  .sale-product-search .sale-product-results{
    position:absolute!important;
    left:64px!important;
    right:240px!important;
    top:44px!important;
    z-index:80!important;
  }
}