:root{
  --ink:#162523;--muted:#71807d;--paper:#f5f7f4;--card:#fff;--line:#e2e8e3;
  --teal:#0f6b67;--teal-dark:#094d4a;--teal-soft:#e6f3f0;--gold:#c8954b;--gold-soft:#fbf2e5;
  --coral:#c76554;--coral-soft:#fbecea;--blue:#4d7894;--blue-soft:#eaf1f5;
  --navy:#102a2b;--shadow:0 14px 38px rgba(22,50,47,.08);--radius:18px;--radius-sm:11px;
  --font:"Segoe UI",Tahoma,Arial,sans-serif
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--paper)}
body{margin:0;min-height:100vh;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:14px;line-height:1.55}
button,input,select,textarea{font:inherit;color:inherit}
button,a{transition:.18s ease}
a{color:var(--teal);text-decoration:none}
img{max-width:100%}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4{line-height:1.2}
h2{font-size:25px}h3{font-size:18px}
input,select,textarea{width:100%;border:1px solid #d8e0da;background:#fff;border-radius:10px;padding:10px 12px;outline:none;transition:border-color .18s,box-shadow .18s}
input:focus,select:focus,textarea:focus{border-color:#72aaa5;box-shadow:0 0 0 3px rgba(15,107,103,.1)}
input:disabled{background:#f1f3f1;color:#69736f}
textarea{resize:vertical}
label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#52605d}
fieldset{border:0;padding:0;margin:0}legend{font-weight:800;color:var(--teal);margin-bottom:14px}
.mono{font-family:Consolas,"Courier New",monospace;letter-spacing:.02em}
.app-shell{min-height:100vh}
.sidebar{position:fixed;z-index:30;inset-block:0;inset-inline-start:0;width:258px;background:linear-gradient(155deg,#102e2e,#0b2425 72%);color:#fff;padding:22px 16px;display:flex;flex-direction:column;box-shadow:10px 0 35px rgba(11,36,37,.12)}
.brand{display:flex;align-items:center;gap:12px;color:#fff;padding:4px 8px 25px;border-bottom:1px solid rgba(255,255,255,.1)}
.brand>span:last-child{min-width:0}.brand b{font-size:15px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{display:block;color:#95aaa7;font-size:10px;margin-top:2px}
.brand-mark{width:38px;height:38px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:7px;border-radius:11px;background:var(--gold);transform:skewY(-2deg);flex:0 0 auto}
.brand-mark i{display:block;background:#fff;width:6px;border-radius:1px 1px 0 0}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:24px}.brand-mark i:nth-child(3){height:18px}
.brand-mark.large{width:53px;height:53px;padding:9px;gap:4px;border-radius:14px}.brand-mark.large i{width:8px}.brand-mark.large i:nth-child(1){height:18px}.brand-mark.large i:nth-child(2){height:31px}.brand-mark.large i:nth-child(3){height:23px}
.nav-list{display:grid;gap:4px;padding:22px 0;overflow:auto}
.nav-list a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;color:#adbfbc;font-weight:650}
.nav-list a:hover{color:#fff;background:rgba(255,255,255,.055)}
.nav-list a.active{color:#fff;background:linear-gradient(90deg,rgba(200,149,75,.25),rgba(200,149,75,.08));box-shadow:inset 3px 0 var(--gold)}
html[dir=rtl] .nav-list a.active{box-shadow:inset -3px 0 var(--gold)}
.nav-icon{width:25px;height:25px;display:grid;place-items:center;font-size:17px;color:#c9d5d3}
.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:17px 7px 0}
.user-chip{display:flex;gap:10px;align-items:center}.user-chip>span,.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--teal-soft);color:var(--teal);font-weight:900}.user-chip>span{background:#d5a55d;color:#fff}
.user-chip b,.user-chip small{display:block}.user-chip b{font-size:12px}.user-chip small{font-size:10px;color:#92a8a5}
.logout-link{display:block;margin-top:13px;font-size:11px;color:#c8d3d1}
.main-area{min-height:100vh;margin-inline-start:258px}
.topbar{height:82px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 29px;position:sticky;top:0;z-index:20}
.topbar-title{display:flex;align-items:center;gap:12px}.topbar h1{margin:2px 0 0;font-size:20px}.eyebrow{font-size:9px;letter-spacing:.15em;font-weight:900;text-transform:uppercase;color:var(--teal)}.eyebrow.light{color:#d3b17b}
.topbar-actions{display:flex;gap:10px;align-items:center}.lang-switch{height:38px;min-width:45px;display:grid;place-items:center;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-weight:850;font-size:11px}
.mobile-menu{display:none!important}.content-wrap{padding:25px 28px 50px;max-width:1800px;margin:auto}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 7px 25px rgba(22,50,47,.035);padding:20px}
.panel+.panel{margin-top:20px}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.panel-head h3{margin:3px 0 0}.panel-head>a{font-size:12px;font-weight:800}
.button{border:0;border-radius:10px;padding:10px 16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:wait;transform:none}
.button.primary{background:var(--teal);color:#fff;box-shadow:0 7px 18px rgba(15,107,103,.18)}.button.primary:hover{background:var(--teal-dark)}
.button.secondary{background:#fff;border:1px solid #d5ddd8;color:var(--ink)}.button.ghost{background:#eef3ef;color:#53625f}.button.danger{background:var(--coral);color:#fff}.button.compact{padding:8px 12px;font-size:12px}.button.wide{width:100%}.span-2{grid-column:span 2}
.icon-button{border:1px solid var(--line);background:#fff;width:35px;height:35px;border-radius:9px;display:grid;place-items:center;cursor:pointer;color:#42524f;padding:0}.icon-button:hover{border-color:#9db7b2;color:var(--teal)}.danger-soft{background:var(--coral-soft)!important;color:var(--coral)!important;border-color:transparent!important}
.alert{padding:12px 15px;border-radius:11px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;transition:.3s}.alert.success{background:var(--teal-soft);color:var(--teal)}.alert.danger{background:var(--coral-soft);color:#a74435}.alert.warning{background:var(--gold-soft);color:#92651f}.alert button{border:0;background:none;font-size:20px;cursor:pointer}.alert.fade-out{opacity:0;transform:translateY(-5px)}
.badge,.status-dot,.stock-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:850;white-space:nowrap}
.badge.success,.status-dot.success,.stock-pill.success{background:var(--teal-soft);color:var(--teal)}.badge.danger,.status-dot.danger,.stock-pill.danger{background:var(--coral-soft);color:#b44d3d}.badge.warning,.status-dot.warning{background:var(--gold-soft);color:#996a24}.badge.info,.status-dot.info{background:var(--blue-soft);color:var(--blue)}.badge.neutral,.status-dot.neutral{background:#eef1ef;color:#67736f}
.status-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.danger-text{color:#b34b3b!important}.success-text{color:var(--teal)!important}.info-text{color:var(--blue)!important}
.row-actions{display:flex;gap:6px;align-items:center}.row-actions form{margin:0}
.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.stack-form{display:grid;gap:14px}.check-row{display:flex;align-items:center;gap:8px;font-weight:700}.check-row input{width:auto}
.filter-bar{display:flex;align-items:center;gap:10px;padding:13px;background:#f7f9f7;border:1px solid #ebefec;border-radius:13px;margin-bottom:17px}.filter-bar.wrap{flex-wrap:wrap}.filter-bar>.search-box{flex:1;min-width:220px}.filter-bar>select{width:auto;min-width:150px}.inline-date{display:flex;align-items:center;gap:7px;white-space:nowrap}.inline-date input{width:140px}
.search-box{height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #d8e0da;border-radius:11px;background:#fff}.search-box:focus-within{border-color:#72aaa5;box-shadow:0 0 0 3px rgba(15,107,103,.08)}.search-box input{border:0;box-shadow:none!important;padding:0;background:transparent}.search-box span{font-size:20px;color:#7b8c88}.search-box kbd{font-size:9px;border:1px solid #d9dfda;border-radius:5px;padding:2px 5px;color:#87938f}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:start;color:#788582;font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:12px;border-bottom:1px solid #edf0ed;vertical-align:middle}tbody tr:hover{background:#fafcfb}tbody tr:last-child td{border-bottom:0}.cell-sub{display:block;color:#8a9693;font-size:10px;margin-top:3px}.empty-cell{text-align:center!important;padding:40px!important;color:var(--muted)}
.table-product-img{width:48px;height:48px;object-fit:contain;background:#f2f5f2;border-radius:9px;padding:4px}.table-action{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--teal-soft);font-weight:900}.product-cell{display:flex;align-items:center;gap:9px;min-width:170px}.product-cell img{width:38px;height:38px;object-fit:contain;background:#f1f4f1;border-radius:8px}
.empty-state{display:grid;place-items:center;text-align:center;padding:38px;color:var(--muted)}.empty-state>span{font-size:37px;color:#9eb3af}.empty-mini{padding:18px;text-align:center;color:var(--muted);font-size:12px}.success-state>span{width:65px;height:65px;border-radius:50%;background:var(--teal-soft);display:grid;place-items:center;color:var(--teal)}
.toast-stack{position:fixed;z-index:100;inset-block-start:20px;inset-inline-end:20px;display:grid;gap:8px}.toast{background:var(--navy);color:#fff;padding:12px 17px;border-radius:10px;box-shadow:var(--shadow);opacity:0;transform:translateY(-8px);transition:.25s;max-width:350px}.toast.show{opacity:1;transform:none}.toast.danger{background:#9e4437}
/* Dashboard */
.welcome-strip{border-radius:22px;padding:27px 30px;margin-bottom:20px;background:linear-gradient(115deg,#123b3a,#0e5d59);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;overflow:hidden}.welcome-strip:after{content:"";position:absolute;width:260px;height:260px;border:55px solid rgba(255,255,255,.04);border-radius:50%;inset-inline-end:-70px;top:-130px}.welcome-strip h2{margin:5px 0}.welcome-strip p{margin:0;color:#b9cfcc}.welcome-actions{display:flex;gap:9px;z-index:1}.welcome-actions .secondary{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);color:#fff}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;inset-inline-end:-30px;bottom:-40px;width:100px;height:100px;border-radius:50%;background:currentColor;opacity:.045}.metric-card .metric-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;margin-bottom:15px;font-size:19px}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{font-size:11px;color:#65736f;font-weight:700}.metric-card strong{font-size:23px;margin:4px 0}.metric-card small{font-size:10px;color:#96a09d}.metric-card.teal{color:var(--teal)}.metric-card.teal .metric-icon{background:var(--teal-soft)}.metric-card.gold{color:#a06c24}.metric-card.gold .metric-icon{background:var(--gold-soft)}.metric-card.blue{color:var(--blue)}.metric-card.blue .metric-icon{background:var(--blue-soft)}.metric-card.coral{color:var(--coral)}.metric-card.coral .metric-icon{background:var(--coral-soft)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:20px;margin-bottom:20px}.dashboard-grid>.panel{margin:0}
.chart-panel .panel-head>strong{font-size:20px;color:var(--teal)}.bar-chart{height:230px;display:flex;align-items:flex-end;gap:13px;padding-top:25px}.bar-column{flex:1;height:100%;display:grid;grid-template-rows:20px 1fr 20px;gap:5px;text-align:center;min-width:0}.bar-value{font-size:8px;color:var(--muted);white-space:nowrap}.bar-track{background:#edf3ef;border-radius:8px 8px 3px 3px;position:relative;overflow:hidden}.bar-track i{position:absolute;bottom:0;inset-inline:0;background:linear-gradient(180deg,#2c928b,var(--teal));border-radius:7px 7px 2px 2px}.bar-column small{font-size:10px;color:var(--muted)}
.mini-product-list{display:grid}.mini-product-list>a{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #edf0ed;color:var(--ink)}.mini-product-list>a:last-child{border:0}.mini-product-list img{width:38px;height:38px;object-fit:contain;background:#f2f5f2;border-radius:8px}.mini-product-list div{flex:1}.mini-product-list b,.mini-product-list small{display:block}.mini-product-list b{font-size:11px}.mini-product-list small{font-size:9px;color:var(--muted)}
/* Authentication and setup */
.auth-page{background:#e9eeea}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-visual{background:linear-gradient(145deg,#0b2929,#0e5350);color:#fff;padding:46px 7vw;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-brand{display:flex;align-items:center;gap:13px;font-size:18px}.auth-copy{margin:auto 0;max-width:550px;z-index:1}.auth-copy h1{font-size:44px;max-width:520px;margin:10px 0 15px}.auth-copy p{font-size:16px;color:#b9cecb;max-width:480px}.building-lines{position:absolute;inset-inline-end:-10%;bottom:-5%;width:80%;height:48%;opacity:.12;display:flex;align-items:flex-end;gap:18px}.building-lines i{flex:1;border:2px solid #fff;border-bottom:0}.building-lines i:nth-child(1){height:50%}.building-lines i:nth-child(2){height:90%}.building-lines i:nth-child(3){height:67%}.building-lines i:nth-child(4){height:100%}
.auth-form-wrap{display:grid;place-items:center;background:#fff;position:relative;padding:40px}.auth-lang{position:absolute;top:28px;inset-inline-end:30px}.auth-form{width:min(390px,100%)}.auth-form h2{font-size:30px;margin:8px 0}.auth-form>p{color:var(--muted);margin-bottom:28px}.auth-form label{margin-bottom:15px}.auth-form .button{margin-top:5px;height:48px}
.setup-page{padding:35px;background:linear-gradient(135deg,#e8efeb,#f8f6f0);display:grid;place-items:center}.setup-card{width:min(1050px,100%);background:#fff;border:1px solid var(--line);border-radius:25px;padding:30px;box-shadow:var(--shadow)}.setup-head{display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:24px}.setup-head>div{flex:1}.setup-head h1{margin:4px 0}.setup-head p{margin:0;color:var(--muted)}.setup-form{display:grid;gap:25px}.setup-form fieldset{padding:20px;border:1px solid var(--line);border-radius:15px}
/* POS */
.pos-page .content-wrap{max-width:none;padding:16px}.pos-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;margin-bottom:13px}.invoice-type-tabs{display:flex;gap:4px;flex-wrap:wrap}.invoice-type-tabs button{border:0;background:transparent;padding:8px 12px;border-radius:8px;color:#667471;font-size:11px;font-weight:800;cursor:pointer}.invoice-type-tabs button.active{background:var(--teal);color:#fff}.pos-meta{display:flex;align-items:center;gap:14px}.pos-meta label{display:flex;align-items:center;gap:7px;white-space:nowrap}.pos-meta input{width:175px;padding:7px}.draft-indicator{display:flex;align-items:center;gap:6px;color:#72807d;font-size:10px}.draft-indicator i{width:7px;height:7px;background:var(--gold);border-radius:50%}
.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 465px;gap:13px;align-items:start}.catalog-panel,.cart-panel{padding:0;overflow:hidden}.catalog-head{display:flex;align-items:center;gap:14px;padding:14px 15px;border-bottom:1px solid var(--line)}.catalog-head .search-box{flex:1}.catalog-count{text-align:center;min-width:52px}.catalog-count b,.catalog-count span{display:block}.catalog-count b{font-size:17px}.catalog-count span{font-size:8px;color:var(--muted)}
.category-strip{display:flex;gap:7px;padding:12px 14px;overflow:auto;border-bottom:1px solid var(--line);scrollbar-width:thin}.category-strip button{flex:0 0 77px;min-height:61px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:7px 5px;display:grid;place-items:center;gap:3px;color:#61716e;cursor:pointer}.category-strip button.active{background:var(--teal-soft);border-color:#83b8b2;color:var(--teal);box-shadow:inset 0 -3px var(--teal)}.category-strip button[data-parent]:not([data-parent="0"]){border-style:dashed}.category-symbol{font-size:17px;color:var(--cat,var(--teal))}.category-strip small{font-size:9px;line-height:1.2;font-weight:700}
.product-grid{padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:11px;min-height:520px;max-height:calc(100vh - 305px);overflow:auto;align-content:start}.product-card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;padding:0;text-align:start;cursor:pointer;min-width:0}.product-card:hover{border-color:#7eb4ae;transform:translateY(-2px);box-shadow:0 10px 25px rgba(15,107,103,.11)}.product-photo{height:130px;background:linear-gradient(145deg,#f3f6f3,#edf1ed);display:block;position:relative;padding:9px}.product-photo img{width:100%;height:100%;object-fit:contain}.add-product{position:absolute;inset-inline-end:8px;bottom:8px;width:27px;height:27px;border-radius:8px;background:var(--teal);color:#fff;display:grid;place-items:center;font-style:normal;font-size:17px}.product-photo em{position:absolute;top:8px;inset-inline-start:8px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:3px 6px;font-size:8px;font-style:normal}.product-info{padding:10px;display:block}.product-info>small{font-size:8px;color:#8a9693;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.product-info>b{display:block;font-size:12px;margin:3px 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-info>span{display:flex;align-items:end;justify-content:space-between;gap:5px}.product-info strong{font-size:13px;color:var(--teal)}.product-info>span small{font-size:8px;color:#6c807b}.stock-out{color:var(--coral)!important}.product-card.sold-out{opacity:.72}.catalog-loading{grid-column:1/-1;display:grid;place-items:center;gap:8px;min-height:180px;color:var(--muted)}.catalog-loading i{width:27px;height:27px;border:3px solid #dbe7e3;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.cart-panel{position:sticky;top:98px}.cart-head{padding:15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.cart-head h3{margin:2px 0}.contact-select-wrap{padding:12px 15px;background:#f8faf8;border-bottom:1px solid var(--line)}.credit-card-mini{display:grid;grid-template-columns:1fr 1fr;margin-top:8px;border-radius:9px;background:var(--teal-soft);padding:8px 10px}.credit-card-mini.warning{background:var(--coral-soft)}.credit-card-mini span{font-size:8px;color:#667571}.credit-card-mini b{display:block;font-size:11px}.override-credit{display:flex;margin-top:7px;color:var(--coral)}.override-credit input{width:auto}.cart-lines{max-height:335px;min-height:155px;overflow:auto}.cart-empty{grid-column:1/-1;display:grid;place-items:center;text-align:center;color:#879590;padding:35px 20px}.cart-empty span{font-size:30px;color:#a8bab6}.cart-empty h4{margin:5px 0}.cart-empty p{font-size:10px;margin:0}
.cart-line{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;padding:10px 12px;border-bottom:1px solid #edf0ed;align-items:start}.cart-line>img{width:42px;height:42px;object-fit:contain;background:#f1f4f1;border-radius:8px}.cart-line-title{display:flex;justify-content:space-between;gap:7px}.cart-line-title>span{min-width:0}.cart-line-title b,.cart-line-title small{display:block}.cart-line-title b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-line-title small{font-size:8px;color:#8b9794}.cart-line-title em{color:var(--gold);font-style:normal;margin-inline-end:3px}.cart-line-title button{border:0;background:none;color:#a4afac;cursor:pointer;font-size:16px;padding:0}.cart-line-fields{display:grid;grid-template-columns:1.25fr 1.25fr .7fr .85fr .75fr;gap:4px;margin-top:6px}.cart-line-fields label{font-size:7px}.cart-line-fields input{font-size:9px;padding:5px 6px;border-radius:6px;min-width:0}.color-input{display:flex}.color-input input[type=color]{width:25px;padding:2px;flex:0 0 auto}.cart-line-total{font-size:10px;color:var(--teal);padding-top:3px}.accessory-line{background:#fcfaf6;padding-inline-start:25px}
.cart-totals{padding:12px 15px;border-top:1px solid var(--line);background:#fbfcfb}.cart-totals>div:not(.total-input-row):not(.payment-grid):not(.cart-actions){display:flex;justify-content:space-between;align-items:center}.cart-totals>div>span{font-size:10px;color:#6e7c79}.total-input-row{display:grid;grid-template-columns:1.6fr .7fr .8fr;gap:6px;margin:7px 0}.total-input-row label{font-size:8px}.total-input-row label>span{display:flex}.total-input-row select{width:75px}.total-input-row input,.total-input-row select,.payment-grid input,.payment-grid select{padding:6px;font-size:9px}.grand-total{border-block:1px dashed #ccd8d2;padding:9px 0;margin:7px 0}.grand-total strong{font-size:21px;color:var(--teal)}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.payment-grid label{font-size:8px}.due-row{padding:7px 0}.cart-totals textarea{font-size:10px;padding:7px;margin-top:4px}.cart-actions{display:grid;grid-template-columns:.75fr 1.4fr;gap:7px;margin-top:8px}.cart-actions .button{font-size:10px;padding:9px}
.modal-backdrop{position:fixed;z-index:80;inset:0;background:rgba(8,27,28,.63);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.25);position:relative}.modal-close{position:absolute;top:13px;inset-inline-end:13px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.9);font-size:20px;cursor:pointer}.product-modal-hero{padding:24px;display:grid;grid-template-columns:170px 1fr;gap:20px;background:linear-gradient(130deg,#eef4f0,#faf8f2);align-items:center}.product-modal-hero img{width:170px;height:150px;object-fit:contain}.product-modal-hero h2{margin:5px 0}.product-modal-hero p{color:var(--muted);font-size:12px}.stock-summary{font-size:10px;border-radius:999px;background:#fff;padding:5px 9px}.modal-body{padding:20px 24px}.modal-body h4{font-size:12px;margin-bottom:9px}.variant-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.variant-card{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:10px;cursor:pointer}.variant-card input{display:none}.variant-card.selected{border-color:var(--teal);background:var(--teal-soft);box-shadow:inset 0 0 0 1px var(--teal)}.variant-card b,.variant-card small{display:block}.variant-card b{font-size:10px}.variant-card small{font-size:8px;color:var(--muted)}.variant-card strong{font-size:11px;color:var(--teal)}.color-dot{width:18px;height:18px;border-radius:50%;background:var(--color);border:2px solid #fff;box-shadow:0 0 0 1px #c9d0cc;display:inline-block}.color-dot.inline{width:13px;height:13px;vertical-align:middle;margin-inline-end:5px}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.stepper{display:flex}.stepper button{width:38px;border:1px solid #d8e0da;background:#f4f7f4}.stepper button:first-child{border-radius:0 8px 8px 0}.stepper button:last-child{border-radius:8px 0 0 8px}.stepper input{border-radius:0;text-align:center}.accessory-options{display:grid;gap:7px}.accessory-card{display:grid;grid-template-columns:auto 42px minmax(100px,1fr) minmax(160px,.9fr) 65px;align-items:center;gap:8px;border:1px solid var(--line);padding:8px;border-radius:10px;cursor:pointer}.accessory-card>input[type=checkbox]{width:16px}.accessory-card img{width:42px;height:42px;object-fit:contain;background:#f2f5f2;border-radius:8px}.accessory-card b,.accessory-card small{display:block}.accessory-card small{font-size:8px}.accessory-card em{font-style:normal;color:var(--gold);font-weight:900}.accessory-card select,.accessory-card .accessory-qty{font-size:9px;padding:6px}.modal-actions{padding:14px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}
/* Editor and directory pages */
.split-page{display:grid;grid-template-columns:350px minmax(0,1fr);gap:20px;align-items:start}.split-page>.panel{margin:0}.sticky-panel{position:sticky;top:106px}.category-list-admin{display:grid;gap:7px}.category-admin-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:9px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:11px}.category-admin-card.child{margin-inline-start:30px;background:#fafbf9}.category-color{width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--cat) 14%,white);color:var(--cat);display:grid;place-items:center}.category-admin-card b,.category-admin-card small{display:block}.category-admin-card small{color:var(--muted);font-size:9px}
.editor-toolbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.editor-toolbar h2{margin:4px 0 0}.editor-toolbar a{font-size:11px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.editor-main{display:grid;gap:18px}.editor-main>.panel{margin:0}.editor-side{display:grid;gap:16px;position:sticky;top:104px}.editor-side>.panel{margin:0}.form-section{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px}.section-number{width:38px;height:38px;border-radius:11px;background:var(--teal-soft);color:var(--teal);font-weight:900;display:grid;place-items:center}.section-content{min-width:0}.section-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:15px}.section-title-row h3{margin:3px 0}.section-title-row>small{font-size:9px;color:var(--muted)}
.variant-table-wrap{overflow:auto}.variant-editor-table{min-width:980px}.variant-editor-table td,.variant-editor-table th{padding:6px}.variant-editor-table input{padding:7px;font-size:10px}.triple-input{display:grid;grid-template-columns:34px 1fr 1fr}.triple-input input{border-radius:0}.triple-input input:first-child{padding:2px;border-radius:7px 0 0 7px}.mini-check{display:inline-flex}.mini-check input{width:auto}.variant-editor-table td:last-child{display:flex;gap:3px;align-items:center}
.image-drop{display:grid;place-items:center;border:1px dashed #b9c8c2;border-radius:14px;padding:12px;text-align:center;cursor:pointer}.image-drop input{display:none}.image-drop img{width:100%;height:180px;object-fit:contain;background:#f3f6f3;border-radius:10px;margin-bottom:10px}.image-drop span{color:var(--teal)}.image-drop small{font-size:9px;color:var(--muted)}
.switches-card{padding:5px 16px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);position:relative}.switch-row:last-child{border:0}.switch-row span{flex:1}.switch-row b,.switch-row small{display:block}.switch-row small{font-size:9px;color:var(--muted)}.switch-row input{opacity:0;position:absolute;width:1px}.switch-row i{width:38px;height:22px;border-radius:999px;background:#d5dbd7;position:relative;transition:.2s}.switch-row i:after{content:"";position:absolute;width:16px;height:16px;top:3px;inset-inline-start:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.2s}.switch-row input:checked+i{background:var(--teal)}.switch-row input:checked+i:after{inset-inline-start:19px}.switch-row.boxed{border:1px solid var(--line)!important;border-radius:11px;padding:12px}
.accessory-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:390px;overflow:auto}.accessory-link-card{display:grid;grid-template-columns:auto 42px minmax(0,1fr) 90px 52px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:8px}.accessory-link-card:has(>input:checked){background:var(--teal-soft);border-color:#8dbdb7}.accessory-link-card>input{width:auto}.accessory-link-card img{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:7px}.accessory-link-card b,.accessory-link-card small{display:block}.accessory-link-card small{font-size:8px}.nested-check{display:flex;font-size:8px}.nested-check input{width:auto}.small-number{padding:5px!important;font-size:9px}
.contact-card-list{display:grid;gap:8px}.contact-row{display:grid;grid-template-columns:auto minmax(150px,1.3fr) auto minmax(110px,.7fr) minmax(130px,.8fr) auto;align-items:center;gap:12px;padding:11px;border:1px solid var(--line);border-radius:12px}.avatar.customer{background:var(--teal-soft);color:var(--teal)}.avatar.supplier{background:var(--gold-soft);color:#9a6a22}.avatar.both{background:var(--blue-soft);color:var(--blue)}.avatar.large{width:60px;height:60px;font-size:22px}.contact-name b,.contact-name small,.contact-balance b,.contact-balance small{display:block}.contact-name small,.contact-balance small{font-size:9px;color:var(--muted)}.credit-meter{height:7px;border-radius:999px;background:#edf1ee;position:relative;margin-bottom:14px}.credit-meter i{display:block;height:100%;border-radius:999px;background:var(--gold)}.credit-meter small{position:absolute;top:10px;inset-inline-start:0;font-size:8px;color:var(--muted);white-space:nowrap}
.contact-hero,.invoice-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:20px;background:linear-gradient(135deg,#fff,#f4f8f5)}.contact-identity{display:flex;align-items:center;gap:14px;flex:1}.contact-identity h2{margin:5px 0}.contact-identity p,.invoice-hero p{margin:0;color:var(--muted)}.balance-hero,.invoice-hero-total{text-align:center}.balance-hero span,.balance-hero strong,.balance-hero small,.invoice-hero-total span,.invoice-hero-total strong,.invoice-hero-total small{display:block}.balance-hero strong,.invoice-hero-total strong{font-size:27px;color:var(--teal)}.balance-hero small,.invoice-hero-total small{font-size:9px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.hero-actions form{display:flex;gap:6px;align-items:center}.hero-actions select{width:auto}.contact-detail-grid{grid-template-columns:1.2fr .8fr}.detail-list{display:grid;gap:0;margin:0}.detail-list div{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.detail-list div:last-child{border:0}.detail-list dt{color:var(--muted);font-size:10px}.detail-list dd{margin:0;font-weight:700}.detail-list.compact div{grid-template-columns:1fr auto}
.invoice-title-line{display:flex;gap:7px}.invoice-hero h2{margin:8px 0 3px}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.invoice-parties>.panel{margin:0}.invoice-parties p{color:var(--muted)}.accessory-table-row{background:#fcfaf5}.invoice-summary{width:min(390px,100%);margin:20px 0 0 auto;display:grid;gap:8px}.invoice-summary>div{display:flex;justify-content:space-between;padding:6px 0}.invoice-summary .total{border-top:2px solid var(--ink);padding-top:12px}.invoice-summary .total strong{font-size:21px;color:var(--teal)}html[dir=rtl] .invoice-summary{margin-left:0;margin-right:auto}.invoice-notes{margin-top:15px;padding:12px;background:#f6f8f6;border-radius:10px;color:#65736f}
.low-stock-row{background:#fff9f7}.stock-adjust-panel form{align-items:end}.stock-adjust-panel form .button{align-self:end}.stock-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Reports and settings */
.report-filter form{display:flex;align-items:end;gap:12px}.report-filter form>div{flex:1}.report-filter h3{margin:3px 0}.report-filter label{min-width:160px}.report-grid{grid-template-columns:1.4fr .9fr}.chart-legend{display:flex;gap:12px;font-size:9px}.chart-legend .sales{color:var(--teal)}.chart-legend .purchases{color:var(--gold)}.dual-bar-chart{height:260px;display:flex;align-items:flex-end;gap:8px;overflow:auto;padding-top:15px}.dual-bar-column{height:100%;min-width:28px;flex:1;display:grid;grid-template-rows:1fr 18px;text-align:center}.dual-bars{display:flex;align-items:flex-end;justify-content:center;gap:2px;border-bottom:1px solid var(--line)}.dual-bars i{width:10px;border-radius:4px 4px 0 0}.dual-bars .sales{background:var(--teal)}.dual-bars .purchases{background:var(--gold)}.dual-bar-column small{font-size:8px;color:var(--muted)}.ranking-list{display:grid}.ranking-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.rank{width:27px;height:27px;border-radius:8px;background:#f0f4f1;display:grid;place-items:center;font-weight:900}.ranking-list p{margin:0}.ranking-list b,.ranking-list small{display:block}.ranking-list b{font-size:11px}.ranking-list small{font-size:8px;color:var(--muted)}.ranking-list strong{font-size:11px;color:var(--teal)}.report-balance-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;background:var(--navy);color:#fff;border-radius:17px;padding:20px 28px;align-items:center;text-align:center}.report-balance-strip i{height:40px;width:1px;background:rgba(255,255,255,.15)}.report-balance-strip span,.report-balance-strip strong{display:block}.report-balance-strip span{font-size:10px;color:#a8bdba}.report-balance-strip strong{font-size:21px;margin-top:4px}
.settings-grid{display:grid;gap:18px}.settings-grid>.panel{margin:0}.user-list{display:grid;gap:8px}.user-list article{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px}.user-list b,.user-list small{display:block}.user-list small{font-size:9px;color:var(--muted)}
/* Print */
.print-page{background:#dfe4e0;padding:35px}.print-sheet{width:210mm;min-height:285mm;margin:auto;background:#fff;padding:18mm;box-shadow:0 10px 50px rgba(0,0,0,.15);position:relative}.print-sheet header{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:3px solid var(--teal)}.print-brand{display:flex;gap:13px}.print-brand h1{font-size:20px;margin:2px 0}.print-brand p{font-size:10px;color:var(--muted)}.print-invoice-meta{text-align:end}.print-invoice-meta span{color:var(--teal);font-weight:900}.print-invoice-meta h2{font-size:17px;margin:5px 0}.print-invoice-meta p{font-size:10px;color:var(--muted)}.print-party{display:grid;grid-template-columns:1fr 1fr;background:#f3f7f4;border-radius:12px;padding:13px;margin:18px 0}.print-party>div{display:grid}.print-party small{color:var(--muted)}.print-party span{font-size:10px}.print-sheet table{font-size:11px}.print-sheet td,.print-sheet th{padding:9px}.print-sheet td small{display:block;color:var(--muted)}.print-bottom{display:grid;grid-template-columns:1fr 310px;gap:25px}.print-notes{padding-top:25px}.print-notes p{color:var(--muted);font-size:11px}.print-sheet footer{text-align:center;border-top:1px solid var(--line);padding-top:15px;margin-top:40px;color:var(--muted)}.print-button{position:fixed;bottom:25px;inset-inline-end:25px}
@media print{.print-page{padding:0;background:#fff}.print-sheet{width:100%;min-height:auto;box-shadow:none;padding:10mm}.print-button{display:none}@page{size:A4;margin:0}}
/* Responsive */
.sidebar-scrim{display:none}
@media(max-width:1250px){.pos-layout{grid-template-columns:minmax(0,1fr) 410px}.cart-line-fields{grid-template-columns:1fr 1fr .65fr .8fr}.cart-line-fields label:nth-child(5){display:none}.product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.contact-row{grid-template-columns:auto 1fr auto auto}.contact-row .credit-meter,.contact-row>.badge{display:none}.editor-grid{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:1020px){.sidebar{transform:translateX(-110%);transition:transform .25s}html[dir=rtl] .sidebar{transform:translateX(110%)}.sidebar-open .sidebar{transform:none!important}.sidebar-scrim{display:block;position:fixed;z-index:29;inset:0;background:rgba(8,30,30,.45);opacity:0;visibility:hidden;transition:.2s}.sidebar-open .sidebar-scrim{opacity:1;visibility:visible}.main-area{margin-inline-start:0}.mobile-menu{display:grid!important}.metric-grid{grid-template-columns:repeat(2,1fr)}.pos-layout{grid-template-columns:1fr}.cart-panel{position:static}.cart-lines{max-height:480px}.product-grid{max-height:none}.split-page{grid-template-columns:310px 1fr}.editor-grid{grid-template-columns:1fr}.editor-side{position:static;grid-template-columns:1fr 1fr}.image-drop img{height:130px}}
@media(max-width:760px){.content-wrap{padding:15px}.topbar{height:70px;padding:0 15px}.topbar .eyebrow{display:none}.topbar h1{font-size:17px}.topbar-actions .button{display:none}.welcome-strip{display:block;padding:22px}.welcome-actions{margin-top:15px}.metric-grid{gap:10px}.metric-card{padding:14px}.metric-card strong{font-size:18px}.dashboard-grid,.invoice-parties,.contact-detail-grid,.report-grid{grid-template-columns:1fr}.split-page{grid-template-columns:1fr}.sticky-panel{position:static}.form-grid.three,.form-grid.four{grid-template-columns:1fr 1fr}.pos-page .content-wrap{padding:8px}.pos-toolbar{align-items:flex-start;display:block}.pos-meta{margin-top:8px;justify-content:space-between}.invoice-type-tabs{overflow:auto;flex-wrap:nowrap}.invoice-type-tabs button{flex:0 0 auto}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.product-photo{height:115px}.category-strip{padding:8px}.cart-line{grid-template-columns:36px 1fr}.cart-line>img{width:36px;height:36px}.cart-line-total{grid-column:2;text-align:end}.cart-line-fields{grid-template-columns:1fr 1fr 1fr}.cart-line-fields label:nth-child(4){display:block}.product-modal-hero{grid-template-columns:100px 1fr;padding:18px}.product-modal-hero img{width:100px;height:110px}.variant-options{grid-template-columns:1fr}.accessory-card{grid-template-columns:auto 35px 1fr 58px}.accessory-card img{width:35px;height:35px}.accessory-card select{grid-column:2/4}.modal-body{padding:16px}.split-page{display:grid}.editor-side{grid-template-columns:1fr}.form-section{grid-template-columns:1fr}.section-number{display:none}.accessory-link-grid{grid-template-columns:1fr}.contact-hero,.invoice-hero{align-items:flex-start;flex-wrap:wrap}.balance-hero,.invoice-hero-total{text-align:start}.report-filter form{flex-wrap:wrap}.report-filter form>div{flex-basis:100%}.report-balance-strip{grid-template-columns:1fr}.report-balance-strip i{height:1px;width:100%;margin:10px 0}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-wrap{min-height:100vh;padding:25px}.setup-page{padding:10px}.setup-card{padding:18px}.setup-head{align-items:flex-start}.print-page{padding:0}.print-sheet{width:100%;padding:20px}.print-bottom{grid-template-columns:1fr}.user-list article{grid-template-columns:auto 1fr auto}.user-list .status-dot{display:none}.user-list .row-actions{grid-column:2/4}.responsive-head{align-items:center}}
@media(max-width:480px){.metric-grid{grid-template-columns:1fr 1fr}.metric-card span{font-size:9px}.form-grid.two,.form-grid.three,.form-grid.four{grid-template-columns:1fr}.span-2{grid-column:auto}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar>select{width:100%}.inline-date{display:grid;grid-template-columns:1fr 1fr}.inline-date input{width:100%}.inline-date>span,.inline-date:first-child{display:none}.topbar-actions{gap:5px}.topbar-title{min-width:0}.topbar h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-row{grid-template-columns:auto 1fr auto}.contact-row .contact-balance{grid-column:2}.contact-row .row-actions{grid-column:3;grid-row:1/3}.cart-actions{grid-template-columns:1fr}.modal-form-grid{grid-template-columns:1fr}.accessory-card{grid-template-columns:auto 35px 1fr}.accessory-card .accessory-qty{grid-column:4;grid-row:1}.accessory-card select{grid-column:2/5}.welcome-actions{display:grid}.editor-toolbar{align-items:flex-start}.editor-toolbar h2{font-size:19px}.setup-head .lang-switch{position:absolute;inset-inline-end:25px}.stock-metrics{grid-template-columns:1fr}}