:root{font-family:Arial,Noto Sans Hebrew,sans-serif;color:#173c37;background:#f4f7f6;font-synthesis:none;--green:#176058;--green-soft:#e4f3e9;--blue:#2f6f9f;--blue-soft:#e7f1fa;--amber:#a86b19;--amber-soft:#fff0d5;--red:#9b3126;--red-soft:#ffe3dc;--purple:#6b4fb3;--purple-soft:#eee8ff;--teal:#16736d;--teal-soft:#def4f1;--border:#dfe8e6;--muted:#71837f}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{position:fixed;right:0;top:0;bottom:0;width:230px;background:#123f3a;color:#fff;padding:25px 17px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;font-weight:800;font-size:18px;padding:0 7px 26px}.brand>span{width:43px;height:43px;border-radius:13px;background:#edbd62;color:#123f3a;display:grid;place-items:center}.brand small,.user-box small{display:block;font-size:12px;font-weight:400;opacity:.72}.sidebar nav{display:grid;gap:6px}.sidebar nav button,.logout{border:0;background:transparent;color:#d9e9e6;display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:10px;text-align:right}.sidebar nav button.active,.sidebar nav button:hover{background:#235650;color:#fff}.sidebar nav svg,.logout svg{width:19px}.user-box{margin-top:auto;background:#0d342f;border:1px solid #2a5a54;border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center}.user-box svg{width:22px}.user-box.role-super{border-color:#9d8ed2;background:#2d2350}.user-box.role-manager{border-color:#5b8fb7;background:#173e5c}.user-box.role-worker{border-color:#3d837c}.logout{margin-top:8px;width:100%}.content{grid-column:2;width:100%;max-width:1500px;margin:auto;padding:34px clamp(20px,4vw,58px) 70px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.page-header em{font-style:normal;color:#b57d2a;font-size:13px;font-weight:700}.page-header h1{font-size:29px;margin:2px 0}.page-header p{color:var(--muted);margin:0}.primary{border:0;background:var(--green);color:#fff;border-radius:10px;padding:10px 15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary svg{width:18px}.primary.wide{width:100%}.primary.purple{background:var(--purple)}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 18px #163e3708}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top right,#e5f0ee,transparent 45%),#f4f7f6}.login-card{width:min(420px,100%);background:#fff;border:1px solid #dfe8e6;border-radius:22px;padding:34px;box-shadow:0 24px 70px #173e3818;text-align:center}.login-logo{width:64px;height:64px;margin:auto;background:#123f3a;color:#edbd62;border-radius:20px;display:grid;place-items:center}.login-card em{display:block;margin-top:15px;color:#b57d2a;font-style:normal;font-weight:700}.login-card h1{margin:2px 0;font-size:30px}.login-card>p{margin:0 0 24px;color:#74837f}.login-card label,.basket-footer label,.modal label,.user-form-panel label{display:block;text-align:right;font-size:14px;font-weight:700;margin:12px 0}.login-card input,.basket-footer input,.modal input,.user-form-panel input,.user-form-panel select{width:100%;border:1px solid #d7e2df;border-radius:10px;padding:11px;margin-top:6px;outline:none;background:#fff}.login-card input:focus,.basket-footer input:focus,.modal input:focus,.user-form-panel input:focus,.user-form-panel select:focus{border-color:#247369;box-shadow:0 0 0 3px #24736918}.form-error{background:var(--red-soft);color:var(--red);border-radius:9px;padding:9px;margin:12px 0;font-size:13px}.demo-note{margin-top:15px;color:#7a8b87;font-size:12px;background:#f3f6f5;border-radius:8px;padding:8px}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.summary-cards article{background:#fff;border:1px solid var(--border);border-radius:15px;padding:18px;display:flex;gap:13px;align-items:center}.summary-cards article>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center}.summary-cards strong{font-size:25px}.summary-cards p{margin:-4px 0 0;color:#768783}.green{background:var(--green-soft);color:#247047}.blue{background:var(--blue-soft);color:var(--blue)}.gold{background:var(--amber-soft);color:var(--amber)}.red{background:var(--red-soft);color:var(--red)}.stock-alert{margin-top:17px;background:var(--red-soft);border:1px solid #f3c5bc;color:#8f3025;border-radius:13px;padding:14px 17px;display:flex;gap:12px;align-items:center}.stock-alert svg{flex:0 0 auto}.stock-alert p{margin:2px 0 0;font-size:13px}.inventory-panel{margin-top:18px;overflow:hidden}.table-tools{padding:18px 21px;display:flex;justify-content:space-between;gap:15px;align-items:center}.table-tools label{position:relative;width:min(340px,100%)}.table-tools label svg{position:absolute;right:11px;top:10px;width:19px;color:#7d8e89}.table-tools input{width:100%;border:1px solid #d7e2df;border-radius:10px;padding:10px 39px 10px 11px}.tabs{display:flex;background:#f0f4f3;padding:4px;border-radius:10px;overflow:auto}.tabs button{border:0;background:transparent;color:#647874;border-radius:7px;padding:7px 12px;white-space:nowrap}.tabs button.active{background:#fff;color:#15574f;font-weight:700;box-shadow:0 1px 5px #163c3517}.table-wrap{overflow:auto}table{width:100%;min-width:960px;border-collapse:collapse}th{background:#f7f9f8;color:#70817d;font-size:12px;text-align:right;padding:11px 16px;border-block:1px solid #e5ecea}td{padding:12px 16px;border-bottom:1px solid #edf2f0;font-size:14px}tbody tr{background:linear-gradient(90deg,var(--model-color) 0 7px,#fff 7px)}tbody tr:hover{filter:brightness(.985)}tbody tr.stock-row-near{background:linear-gradient(90deg,var(--model-color) 0 7px,#fff9ed 7px)}tbody tr.stock-row-low,tbody tr.stock-row-out{background:linear-gradient(90deg,var(--model-color) 0 7px,#fff0ed 7px)}.model-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--model-color);border:1px solid #cbd7d4;margin-left:7px}.quantity{font-size:17px}.badge{display:inline-block;border-radius:99px;padding:4px 9px;font-size:12px}.badge.ok{background:var(--green-soft);color:#247047}.badge.near{background:var(--amber-soft);color:var(--amber)}.badge.low,.badge.out,.badge.cancelled{background:var(--red-soft);color:var(--red)}.inline-edit{border:0;background:var(--purple-soft);color:var(--purple);width:27px;height:27px;border-radius:7px;display:inline-grid;place-items:center;margin-right:7px;vertical-align:middle}.inline-edit svg{width:14px}.row-actions{display:flex;gap:6px}.row-actions button,.amount-control button,.user-actions button{border:1px solid #d7e2df;background:#fff;color:#256c64;border-radius:8px;width:32px;height:32px;display:grid;place-items:center}.row-actions button:first-child{background:var(--green-soft);border-color:#c4e4d3}.row-actions button:nth-child(2){background:var(--amber-soft);border-color:#f0dbb8;color:var(--amber)}.row-actions svg,.amount-control svg,.user-actions svg{width:16px}.pos-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.8fr);gap:19px}.product-picker{padding:22px}.picker-step{padding-bottom:21px;margin-bottom:20px;border-bottom:1px solid #edf1f0}.picker-step h2{font-size:17px;margin:0 0 11px}.choice-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px}.choice-buttons button{border:1px solid #dbe5e2;background:#f8faf9;border-radius:11px;padding:12px;display:flex;align-items:center;justify-content:space-between;color:#23433f;font-weight:700;min-height:50px}.choice-buttons button.selected{border-color:#176058;box-shadow:0 0 0 2px #17605826}.choice-buttons svg{width:17px}.category-choices button{position:relative}.category-choices .semantic-dot{width:11px;height:11px;border-radius:50%;margin-left:6px}.category-shirts{background:#e7f1fa!important}.category-shirts .semantic-dot{background:#4f8ec1}.category-pants{background:#def4f1!important}.category-pants .semantic-dot{background:#2f8d84}.category-skirts{background:#fde8ef!important}.category-skirts .semantic-dot{background:#c96d8c}.fit-narrow{background:#eee8ff!important}.fit-wide{background:#e7f6ef!important}.stock-legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;font-size:12px}.stock-legend span{padding:5px 9px;border-radius:99px}.legend-ok{background:var(--green-soft);color:#247047}.legend-near{background:var(--amber-soft);color:var(--amber)}.legend-low{background:var(--red-soft);color:var(--red)}.size-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}.size-grid button{border:1px solid #dbe5e2;background:#fff;border-radius:10px;padding:9px 5px;color:#244640}.size-grid button.stock-ok{background:#f1faf5;border-color:#cfe8d9}.size-grid button.stock-near{background:#fff8e9;border-color:#efd8ac}.size-grid button.stock-low,.size-grid button.stock-out{background:#fff0ed;border-color:#efc1b8}.size-grid button.selected{background:#176058!important;color:#fff;border-color:#176058}.size-grid b,.size-grid small{display:block}.size-grid b{font-size:17px}.size-grid small{font-size:10px;margin-top:2px}.add-product{margin-right:auto}.basket-panel{display:flex;flex-direction:column;min-height:560px;overflow:hidden;position:sticky;top:24px;border-top:5px solid var(--teal)}.panel-title{padding:20px;border-bottom:1px solid #edf1f0}.panel-title>div{display:flex;gap:10px;align-items:center}.panel-title svg{color:#176058}.panel-title h2{margin:0;font-size:19px}.panel-title p{margin:1px 0 0;color:#798984;font-size:12px}.basket-lines{flex:1;padding:0 18px}.basket-lines article{padding:14px 0;border-bottom:1px solid #edf1f0;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.basket-lines p{margin:2px 0 0;color:#71827e;font-size:12px}.amount-control{display:flex;align-items:center;gap:8px}.amount-control button{width:27px;height:27px}.basket-footer{border-top:1px solid #e8efed;padding:17px 19px;background:#fafcfb}.basket-footer small{font-weight:400;color:#798984}.basket-total{display:flex;justify-content:space-between;align-items:center;margin:17px 0}.basket-total strong{font-size:24px;color:#15574f}.empty-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#81918d;gap:5px}.empty-state svg{width:38px;height:38px;color:#b1c0bd}.empty-state.large{min-height:300px}.success-message{background:var(--green-soft);color:#247047;border:1px solid #c3e4d0;border-radius:11px;padding:10px 14px;margin-bottom:15px;display:flex;align-items:center;gap:8px}.success-message.compact{margin:8px 0}.success-message svg{width:18px}.list-panel{overflow:hidden}.sale-card{padding:18px 21px;border-bottom:1px solid #edf1f0;border-right:5px solid var(--blue)}.sale-card.cancelled{opacity:.78;background:#faf5f4;border-right-color:var(--red)}.sale-heading{display:flex;justify-content:space-between;gap:14px}.sale-heading p{margin:3px 0;color:#768783;font-size:12px}.sale-heading>strong,.sale-side>strong{font-size:20px;color:#15574f}.sale-side{display:flex;align-items:center;gap:10px}.sale-lines{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.sale-lines span{background:#f0f4f3;border-radius:8px;padding:6px 9px;font-size:12px}.cancel-button{border:1px solid #efc1b8;background:var(--red-soft);color:var(--red);border-radius:8px;padding:7px 10px;display:inline-flex;align-items:center;gap:5px}.cancel-button svg{width:15px}.cancel-note{color:var(--red);font-size:12px;margin:10px 0 0}.danger-button{border:0;background:var(--red);color:#fff;border-radius:9px;padding:9px 15px;font-weight:700}.movement-row{padding:15px 20px;border-bottom:1px solid #edf1f0;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center}.movement-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.movement-icon.in{background:var(--green-soft);color:#247047}.movement-icon.sale{background:var(--blue-soft);color:var(--blue)}.movement-icon.out{background:var(--amber-soft);color:var(--amber)}.movement-icon.return,.movement-icon.audit{background:var(--purple-soft);color:var(--purple)}.movement-icon svg{width:18px}.movement-row p,.movement-row small{margin:2px 0 0;color:#758681;font-size:12px}.movement-amount{text-align:left}.movement-amount strong,.movement-amount small{display:block}.settings-panel{padding:8px 22px}.settings-panel>div{padding:18px 0;border-bottom:1px solid #edf1f0}.settings-panel h2{font-size:18px;margin:0 0 5px}.settings-panel p{margin:5px 0;color:#6f817c}.settings-panel code{background:#edf3f1;padding:3px 6px;border-radius:6px}.settings-callout{display:flex;gap:12px;align-items:flex-start}.settings-callout.purple{background:var(--purple-soft);margin:12px 0;padding:16px!important;border-radius:12px;border-bottom:0!important;color:#4d3b87}.settings-callout svg{flex:0 0 auto}.users-grid{display:grid;grid-template-columns:minmax(290px,.65fr) minmax(0,1.35fr);gap:18px}.user-form-panel{padding:22px;border-top:5px solid var(--purple)}.user-form-panel h2{display:flex;gap:8px;align-items:center;margin:0 0 12px}.user-form-panel h2 svg{color:var(--purple)}.users-list{overflow:hidden}.users-list article{display:grid;grid-template-columns:42px 1fr auto auto auto;gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid #edf1f0}.users-list p{margin:2px 0 0;color:var(--muted);font-size:12px}.user-avatar{width:38px;height:38px;border-radius:11px;background:#f0f4f3;display:grid;place-items:center}.user-avatar svg{width:18px}.role-badge{padding:5px 9px;border-radius:99px;font-size:12px}.role-badge.role-super{background:var(--purple-soft);color:var(--purple)}.role-badge.role-manager{background:var(--blue-soft);color:var(--blue)}.role-badge.role-worker{background:var(--teal-soft);color:var(--teal)}.status-dot{font-size:12px}.status-dot.active{color:#247047}.status-dot.inactive{color:#8a9491}.user-actions{display:flex;gap:6px}.user-actions button:first-child{background:var(--purple-soft);color:var(--purple)}.audit-row{border-right:5px solid var(--purple)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#082e2a88;display:grid;place-items:center;z-index:20;padding:18px}.modal{width:min(430px,100%);background:#fff;border-radius:18px;padding:27px;position:relative;box-shadow:0 30px 90px #062a2655}.super-modal{border-top:6px solid var(--purple)}.modal-close{position:absolute;left:14px;top:14px;width:32px;height:32px;border:0;border-radius:8px;background:#eef3f2;color:#536b66;display:grid;place-items:center}.modal-close svg{width:18px}.modal-icon{width:48px;height:48px;background:var(--green-soft);color:#246f66;border-radius:14px;display:grid;place-items:center}.modal-icon.out{background:var(--amber-soft);color:var(--amber)}.modal-icon.super{background:var(--purple-soft);color:var(--purple)}.modal h2{margin:12px 0 3px}.modal>p{color:#748682;margin:0 0 17px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:21px}.secondary{border:1px solid #d7e1df;background:#fff;color:#536b66;border-radius:9px;padding:9px 15px}.muted{color:#7c8c88;font-size:13px}@media (max-width:1000px){.app-shell{display:block}.sidebar{position:static;width:auto;height:auto;padding:13px 16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.brand{padding:0}.sidebar nav{display:flex;overflow:auto}.sidebar nav button{white-space:nowrap}.user-box{display:none}.logout{margin:0;width:auto}.content{padding:24px 15px 55px}.pos-grid,.users-grid{grid-template-columns:1fr}.basket-panel{position:static;min-height:430px}.summary-cards{grid-template-columns:1fr}.table-tools{flex-direction:column;align-items:stretch}.table-tools label{width:100%}}@media (max-width:650px){.sidebar{grid-template-columns:1fr auto}.sidebar nav{grid-column:1/-1;grid-row:2}.brand small{display:none}.page-header h1{font-size:25px}.page-header p{font-size:13px}.choice-buttons{grid-template-columns:1fr 1fr}.basket-lines article{grid-template-columns:1fr auto}.basket-lines article>strong{grid-column:2}.login-card{padding:27px 20px}.users-list article{grid-template-columns:38px 1fr auto}.users-list .status-dot,.users-list .role-badge{grid-column:2}.user-actions{grid-column:3;grid-row:1/3}.sale-heading{flex-direction:column}.sale-side{justify-content:space-between}}:root{--shirts-1:#dbeafe;--shirts-2:#60a5fa;--shirts-dark:#1d4ed8;--pants-1:#dcfce7;--pants-2:#4ade80;--pants-dark:#15803d;--skirts-1:#fce7f3;--skirts-2:#f472b6;--skirts-dark:#be185d}.family-category-shirts{--family-soft:var(--shirts-1);--family-mid:var(--shirts-2);--family-dark:var(--shirts-dark)}.family-category-pants{--family-soft:var(--pants-1);--family-mid:var(--pants-2);--family-dark:var(--pants-dark)}.family-category-skirts{--family-soft:var(--skirts-1);--family-mid:var(--skirts-2);--family-dark:var(--skirts-dark)}.product-picker .choice-buttons button{background:var(--family-soft)}.product-picker .choice-buttons button.selected,.product-picker .size-grid button.selected{background:var(--family-dark)!important;color:#fff;border-color:var(--family-dark);box-shadow:0 5px 14px #0003;transform:scale(1.025)}.product-picker button[aria-pressed=true] svg{stroke-width:4}.picker-hint{padding:14px;background:#f4f7f6;border-radius:10px;font-weight:700}.stock-tag{display:inline-block!important;margin-top:5px;padding:2px 5px;border-radius:9px;background:#e8f5ec;color:#27633c}.stock-tag.stock-low,.stock-tag.stock-out{background:#fee2e2;color:#991b1b}.payment-modal{width:min(680px,100%);max-height:90vh;overflow:auto}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.payment-methods button{padding:13px;border:1px solid #ccd9d6;border-radius:10px;background:#fff;font-weight:700}.payment-methods button[aria-pressed=true]{background:#15574f;color:#fff}.cash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.cash-grid>div{display:flex;align-items:center;justify-content:space-between;gap:5px;background:#f2f6f5;padding:8px;border-radius:9px}.cash-grid button{width:27px;height:27px}.cash-grid svg{width:14px}.payment-summary{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px;background:#eef6ff;margin-bottom:12px}.sales-filters{padding:14px;display:flex;gap:12px;margin-bottom:14px}.sales-filters label{display:flex;align-items:center;gap:7px;flex:1}.sales-filters svg{width:18px}.sales-filters select{min-width:170px}.cash-count{padding:20px}.date-range,.count-summary{display:flex;gap:12px;flex-wrap:wrap}.count-summary{margin:18px 0}.count-summary article{padding:14px;background:#f3f7f6;border-radius:10px;min-width:150px}.count-summary article span,.count-summary article strong{display:block}.count-summary .shortage{background:#fee2e2}.count-summary .surplus{background:#dcfce7}.count-history{padding:20px;margin-top:16px}.count-history article{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:12px 0;border-top:1px solid #ddd}.count-history small{grid-column:1/-1}@media (max-width:650px){.cash-grid{grid-template-columns:1fr}.sales-filters{flex-direction:column}.count-history article{grid-template-columns:1fr}.payment-methods{grid-template-columns:1fr}}