:root{--ink:#151515;--muted:#7c7b79;--paper:#f7f6f3;--white:#fff;--line:#e9e7e2;--soft:#f0efeb;--accent:#c8a878;--danger:#bd4f4f;--success:#32745e;--radius:16px;--shadow:0 16px 42px rgba(22,22,22,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Cairo',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.subtle{color:var(--muted);font-size:12px;line-height:1.8;margin:5px 0 0}.eyebrow{font-family:'Manrope','Cairo',sans-serif;font-size:9px;font-weight:800;letter-spacing:2px;margin:0 0 9px}.muted{color:#92918e}.brand-lockup{direction:ltr;display:flex;align-items:center;gap:9px;font-family:'Manrope',sans-serif;font-size:22px;font-weight:900;letter-spacing:3px}.brand-mark{display:inline-block;width:18px;height:5px;background:currentColor;transform:skewX(-26deg);margin-bottom:17px}.brand-lockup-large{font-size:28px;gap:13px}.brand-lockup-large .brand-mark{width:24px;height:6px;margin-bottom:22px}
/* Login */
.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,8vw,124px);color:white;background:#151515;isolation:isolate}.login-art:before{content:'C';position:absolute;z-index:-1;bottom:-175px;left:-60px;font-family:'Manrope',sans-serif;font-weight:800;font-size:clamp(400px,55vw,760px);line-height:1;color:rgba(255,255,255,.035);letter-spacing:-60px}.login-art:after{content:'';position:absolute;right:-22%;top:-22%;width:66%;aspect-ratio:1;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 92px rgba(255,255,255,.02)}.login-art .brand-lockup{position:absolute;top:46px;right:clamp(36px,5vw,76px)}.login-art .eyebrow{color:var(--accent);margin-bottom:20px}.login-art h1{font-size:clamp(38px,5vw,64px);line-height:1.4;letter-spacing:-1.5px;margin:0 0 18px;font-weight:800}.login-copy{max-width:370px;color:#b1b0ad;line-height:2.15;font-size:14px;margin:0}.login-foot{position:absolute;bottom:35px;left:clamp(36px,5vw,76px);direction:ltr;font:800 9px 'Manrope',sans-serif;letter-spacing:1.5px;color:#737270}.login-foot span{color:var(--accent);padding:0 8px}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:36px}.login-card{width:min(100%,390px)}.mobile-brand{display:none}.login-card .eyebrow{margin-top:0}.login-card h2{font-size:30px;margin:0;font-weight:800;letter-spacing:-.6px}.login-card>label{display:block;font-weight:700;font-size:12px;margin:21px 0 8px}.login-card input{display:block;width:100%;height:48px;background:#faf9f7;border:1px solid #e8e6e1;border-radius:9px;padding:0 14px;outline:none;transition:.2s}.login-card input:focus,input:focus,textarea:focus,select:focus{border-color:#a5a19a;box-shadow:0 0 0 3px rgba(20,20,20,.045)}.login-card .btn{margin-top:27px;height:51px}.secure-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#a09e99;font-size:10px;margin-top:19px}.secure-dot{width:6px;height:6px;border-radius:50%;background:#61927b}.form-error{font-size:12px;color:#b53f3f;background:#fff2f0;padding:10px 12px;border-radius:8px;margin:12px 0 0}
/* Common layout */
.app-layout{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr);direction:rtl}.sidebar{position:sticky;top:0;height:100vh;background:#171717;color:#fff;padding:27px 17px 14px;display:flex;flex-direction:column;z-index:20}.side-brand{display:flex;align-items:center;justify-content:space-between;padding:0 10px 31px;border-bottom:1px solid #303030}.side-brand .brand-lockup{font-size:22px;letter-spacing:2.6px}.pos-pill{font:800 9px 'Manrope',sans-serif;letter-spacing:1.5px;color:#d5bc94;background:#2c2924;border:1px solid #494033;border-radius:5px;padding:5px 7px}.side-label{margin:24px 12px 13px;color:#737373;font-size:10px;font-weight:700}.side-nav{display:grid;gap:5px}.nav-item{position:relative;width:100%;display:flex;align-items:center;gap:13px;background:transparent;border:0;border-radius:9px;color:#a4a4a4;text-align:right;padding:12px 12px;font-size:12px;font-weight:600;transition:background .16s,color .16s}.nav-item:hover{background:#252525;color:#fff}.nav-item.active{background:#2a2a2a;color:#fff}.nav-item.active:before{content:'';position:absolute;right:0;top:10px;bottom:10px;width:3px;background:#c8a878;border-radius:3px}.nav-item.nav-primary{margin:4px 0 9px;background:#f0eee9;color:#171717;font-weight:800}.nav-item.nav-primary:hover{background:#fff}.nav-icon{width:18px;text-align:center;font-size:18px;font-weight:400;color:inherit}.nav-arrow{margin-right:auto;font-size:14px}.side-bottom{margin-top:auto}.side-help{position:relative;display:flex;align-items:center;gap:10px;padding:13px 10px;margin:0 0 14px;border:1px solid #333;border-radius:11px}.help-mark{width:29px;height:29px;display:grid;place-items:center;background:#d4bf9e;color:#1a1a1a;border-radius:50%;font:900 14px 'Manrope'}.side-help strong,.side-help small{display:block}.side-help strong{font-size:10px}.side-help small{font-size:9px;color:#8a8a8a;margin-top:2px}.help-arrow{margin-right:auto;color:#a6a6a6}.user-mini{display:flex;align-items:center;gap:10px;padding:15px 6px 4px;border-top:1px solid #333}.avatar{display:grid;place-items:center;width:33px;height:33px;flex:0 0 33px;border-radius:9px;background:#34322e;color:#d8c39f;font:800 12px 'Manrope'}.user-mini-text{min-width:0;flex:1}.user-mini-text strong,.user-mini-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-mini-text strong{font-size:11px}.user-mini-text small{color:#858585;font-size:9px;margin-top:3px}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;color:#555;font-size:18px}.icon-button:hover{background:#f1f0ec}.logout-button{background:transparent;color:#9c9c9c;border-color:#3b3b3b}.logout-button:hover{background:#303030;color:#fff}.main-area{min-width:0;display:flex;flex-direction:column;padding:0 clamp(20px,3.2vw,48px);}.topbar{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.topbar-heading{display:flex;align-items:center;gap:12px}.breadcrumb{font:700 9px 'Manrope','Cairo',sans-serif;color:#aaa;margin:0 0 4px;letter-spacing:.8px;direction:ltr;text-align:right}.breadcrumb span{padding:0 5px}.breadcrumb span:last-child{font-family:'Cairo';letter-spacing:0;color:#767570}.topbar h1{font-size:21px;margin:0;font-weight:800;letter-spacing:-.5px}.topbar-actions{display:flex;align-items:center;gap:16px}.today-chip{display:flex;align-items:center;gap:8px;font-size:10px;color:#777}.today-dot{width:6px;height:6px;background:#589578;border-radius:50%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:43px;padding:0 17px;border-radius:8px;border:1px solid transparent;font-size:11px;font-weight:800;transition:transform .16s,background .16s,border-color .16s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-dark{color:white;background:#171717;border-color:#171717}.btn-dark:hover{background:#323232}.btn-outline{color:#333;background:white;border-color:#e0ded8}.btn-outline:hover{background:#f7f6f3;border-color:#c9c5bc}.btn-small{min-height:36px;padding:0 13px;font-size:10px}.btn-full{width:100%;justify-content:space-between}.page-section{padding:30px 0 25px;flex:1}.welcome-row,.section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 23px}.welcome-row h2{font-size:25px;margin:0;font-weight:800;letter-spacing:-.8px}.title-period{color:#c0a276}.welcome-row .eyebrow{margin-bottom:7px}.welcome-row .btn{margin-top:3px}.section-toolbar h2{font-size:23px;margin:0;font-weight:800}.toolbar-actions{display:flex;align-items:center;gap:9px}.table-toolbar{display:flex;align-items:center;gap:15px;padding:15px 19px;border-bottom:1px solid var(--line)}.search-box{display:flex;align-items:center;gap:9px;background:#f7f6f3;border:1px solid #ebe9e4;border-radius:8px;padding:0 11px;height:39px;min-width:0;max-width:490px;flex:1;color:#777}.search-box>span{font-size:21px;font-weight:400}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:11px;color:#222;box-shadow:none!important}.search-box kbd{font:700 9px 'Manrope';white-space:nowrap;border:1px solid #dfddd7;border-radius:4px;padding:4px 5px;color:#a09d96}.result-count{font-size:10px;color:#898781;white-space:nowrap}.panel{background:#fff;border:1px solid #ebe9e4;border-radius:var(--radius);box-shadow:0 4px 17px rgba(30,30,30,.015);min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 21px 15px}.panel-heading h3,.cart-title-row h3,.variants-heading h3{font-size:14px;font-weight:800;margin:0}.panel-heading p,.cart-title-row p,.variants-heading p{font-size:10px;color:#96938d;margin:4px 0 0}.text-action{border:0;background:transparent;color:#6b675f;font-size:10px;font-weight:700;white-space:nowrap}.text-action span{padding-right:7px}.text-action:hover{color:#111}.panel-kicker{font:800 8px 'Manrope';letter-spacing:1.3px;color:#a39b8e}.empty-state{padding:35px 16px;color:#999;text-align:center;font-size:11px}
/* Dashboard */
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.metric-card{position:relative;min-width:0;overflow:hidden;background:#fff;border:1px solid #ebe9e4;border-radius:14px;padding:18px 18px 15px;min-height:142px}.metric-card.metric-black{background:#171717;color:#fff;border-color:#171717}.metric-alert{background:#fffdf9;border-color:#efe4d5}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8c8983;font-size:10px;font-weight:600}.metric-black .metric-top{color:#b9b8b3}.metric-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#f4f2ed;color:#5a5751;font-size:16px}.metric-black .metric-icon{background:#2a2a2a;color:#d5bd99}.metric-value{font:800 clamp(22px,2vw,30px) 'Manrope','Cairo',sans-serif;letter-spacing:-1px;margin:13px 0 9px;position:relative;z-index:1;direction:ltr;text-align:right;white-space:nowrap}.metric-foot{font-size:9px;color:#a19f99;display:flex;align-items:center;gap:6px;position:relative;z-index:1}.metric-black .metric-foot{color:#898986}.metric-dot{display:inline-block;width:6px;height:6px;background:#78a18b;border-radius:50%}.metric-watermark{position:absolute;left:0;bottom:-39px;font:900 135px 'Manrope';letter-spacing:-15px;color:rgba(255,255,255,.035)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:17px}.sales-panel,.payment-panel{min-height:255px}.text-action{margin-right:auto}.table-wrap{width:100%;overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right}.data-table th{padding:11px 17px;background:#faf9f7;color:#97948d;font-size:9px;font-weight:700;border-bottom:1px solid var(--line)}.data-table td{padding:12px 17px;border-bottom:1px solid #f0efec;font-size:10px;color:#555}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfbf9}.table-strong{font-size:10px;color:#222;font-weight:800}.table-sub{font-size:9px;color:#a09d97;display:block;margin-top:3px}.invoice-id{font:800 10px 'Manrope';direction:ltr;color:#282828}.currency{direction:ltr;text-align:right;font:700 10px 'Manrope';white-space:nowrap}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:30px;background:#edf5f0;color:#37775c;font-size:9px;font-weight:700}.status-pill:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.status-void{background:#f8ecea;color:#b6534f}.action-button{border:1px solid #eae8e2;background:#fff;color:#555;border-radius:6px;padding:6px 9px;font-size:10px}.action-button:hover{background:#f2f1ed}.payment-list{padding:0 21px}.payment-row{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f1efea}.payment-row:last-child{border-bottom:0}.payment-bubble{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#f4f2ed;font-size:11px}.payment-label strong,.payment-label small{display:block}.payment-label strong{font-size:10px}.payment-label small{font-size:9px;color:#a09d97;margin-top:2px}.payment-amount{font:800 10px 'Manrope';direction:ltr}.profit-note{margin:18px 20px 16px;padding:13px;background:#f6f5f1;border-radius:10px;display:flex;align-items:center;gap:10px}.profit-icon{display:grid;place-items:center;flex:0 0 28px;height:28px;background:#e4eee7;color:#397a5c;border-radius:8px;font-size:16px}.profit-note small,.profit-note strong,.profit-note p{display:block;margin:0}.profit-note small{font-size:9px;color:#8d8a82}.profit-note strong{font:800 15px 'Manrope';margin:3px 0;direction:ltr;text-align:right}.profit-note p{font-size:8px;color:#aaa69d}
/* POS */
.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:17px;align-items:start}.pos-products-panel{overflow:hidden}.pos-panel-heading{padding-bottom:14px}.live-indicator{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:#4f856a;background:#edf5ef;padding:6px 9px;border-radius:20px}.live-indicator i,.footer-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#61a17b}.pos-search-row{display:flex;gap:9px;padding:0 20px 17px}.pos-search-row .search-box{height:41px}.select-control{height:41px;border:1px solid #ebe9e4;background:#fff;border-radius:8px;padding:0 11px;font-size:10px;color:#555;min-width:112px;outline:0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 20px 20px;max-height:calc(100vh - 292px);min-height:230px;overflow:auto}.product-tile{display:flex;flex-direction:column;text-align:right;position:relative;min-width:0;border:1px solid #ebe9e4;border-radius:11px;background:#fff;padding:13px 12px;transition:border-color .16s,transform .16s}.product-tile:hover{border-color:#c8b28d;transform:translateY(-2px)}.product-tile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:5px}.product-monogram{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:9px;background:#f0efeb;color:#4d4b46;font:800 12px 'Manrope';letter-spacing:-.5px}.product-tag{font-size:8px;color:#9f9b92;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-tile h4{font-size:11px;line-height:1.7;margin:13px 0 3px;min-height:38px;overflow:hidden}.product-tile .product-en{font:600 8px 'Manrope';color:#aaa;direction:ltr;text-align:right;min-height:12px}.product-tile-bottom{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-top:11px}.product-price{font:800 11px 'Manrope';direction:ltr;white-space:nowrap}.add-product-button{display:grid;place-items:center;width:26px;height:26px;background:#171717;color:white;border:0;border-radius:7px;font-size:17px}.product-tile:hover .add-product-button{background:#a78a60}.stock-chip{font-size:8px;color:#8d8a84;margin-top:9px}.stock-chip.low{color:#b45b4c}.cart-panel{position:sticky;top:15px;padding:0 18px 16px}.cart-title-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0 14px;border-bottom:1px solid var(--line)}.cart-title-row p{margin-top:3px}.text-danger{color:#ac6158;background:transparent;border:0;font-size:10px}.cart-items{min-height:105px;max-height:230px;overflow:auto}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:155px;text-align:center}.cart-empty-icon{display:grid;place-items:center;width:34px;height:34px;border:1px dashed #d9d6ce;border-radius:50%;font-size:18px;color:#a7a196;margin-bottom:9px}.cart-empty strong{font-size:11px}.cart-empty p{font-size:9px;color:#a6a39d;margin:5px 0}.cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 0;border-bottom:1px solid #f0efec}.cart-item h4{margin:0;font-size:10px;line-height:1.7}.cart-item-meta{font-size:8px;color:#97938b;margin-top:3px}.cart-item-price{font:800 10px 'Manrope';direction:ltr;text-align:left;white-space:nowrap}.cart-controls{display:flex;align-items:center;gap:7px;margin-top:8px}.qty-btn{width:23px;height:23px;display:grid;place-items:center;border:1px solid #e7e5df;background:#fff;border-radius:6px;font-size:13px}.qty-btn:hover{background:#f4f3ef}.qty-value{min-width:16px;text-align:center;font:700 10px 'Manrope'}.remove-cart-item{margin-right:4px;background:none;border:0;color:#b77f77;font-size:12px}.cart-customer{padding:13px 0 11px;border-bottom:1px solid #efede8}.cart-section-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;margin-bottom:8px}.cart-section-label>span{font-size:9px;font-weight:500;color:#aaa69d}.customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.customer-fields input,.cart-discount input{width:100%;height:33px;border:1px solid #ebe9e4;border-radius:7px;padding:0 9px;outline:0;font-size:9px;min-width:0}.cart-discount{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0}.cart-discount label{font-size:10px;font-weight:700}.cart-discount input{width:105px;text-align:left;direction:ltr}.cart-totals{border-top:1px solid #efede8;border-bottom:1px solid #efede8;padding:11px 0;display:grid;gap:9px}.cart-totals>div{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#858179}.cart-totals strong{font:700 10px 'Manrope';color:#333;direction:ltr}.cart-totals .cart-grand-total{margin-top:2px;color:#171717;font-size:12px;font-weight:800}.cart-totals .cart-grand-total strong{font-size:19px;letter-spacing:-.6px;color:#171717}.payment-choices{padding:13px 0 12px}.payment-choices .cart-section-label{margin-bottom:9px}.payment-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.payment-choice{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 2px;border:1px solid #e9e7e2;border-radius:7px;background:white;color:#777}.payment-choice>span{font-size:14px;height:16px}.payment-choice strong{font-size:8px;white-space:nowrap}.payment-choice.active{border-color:#242424;color:#111;background:#f6f5f2;box-shadow:inset 0 0 0 1px #242424}.complete-sale{height:47px}.cart-security-note{text-align:center;color:#a3a098;font-size:8px;margin:10px 0 0}
/* tables + forms */
.table-panel{overflow:hidden}.table-panel .data-table th:first-child,.table-panel .data-table td:first-child{padding-right:21px}.table-panel .data-table th:last-child,.table-panel .data-table td:last-child{padding-left:21px}.product-name-cell{display:flex;align-items:center;gap:10px;min-width:180px}.mini-product-mark{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;background:#f0efeb;border-radius:8px;color:#69665f;font:800 10px 'Manrope'}.stock-state{font-size:9px;font-weight:700}.stock-state.ok{color:#477c60}.stock-state.low{color:#ba5e4e}.stock-state.out{color:#a39e96}.inventory-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:16px}.inventory-mini{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;background:#fff;border:1px solid #ebe9e4;border-radius:11px}.inventory-mini span{font-size:10px;color:#848179}.inventory-mini strong{font:800 22px 'Manrope';direction:ltr}.date-field{display:flex;align-items:center;gap:7px;border:1px solid #e5e2dc;background:#fff;border-radius:8px;padding:0 9px;height:39px;font-size:10px;color:#9a968d}.date-field input{width:118px;border:0;background:transparent;outline:0;font-size:10px;color:#333}.report-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.report-metric{padding:18px;background:#fff;border:1px solid #ebe9e4;border-radius:12px}.report-metric span,.report-metric small{display:block;font-size:10px;color:#89867f}.report-metric strong{display:block;font:800 clamp(20px,2vw,27px) 'Manrope';direction:ltr;text-align:right;margin:12px 0 8px;letter-spacing:-.7px}.report-metric small{font-size:9px;color:#aaa69e}.report-grid{grid-template-columns:1fr 1fr}.top-products-list{padding:0 21px 14px}.top-product-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f0efea}.top-product-rank{display:grid;place-items:center;width:25px;height:25px;background:#f4f2ed;border-radius:7px;font:800 9px 'Manrope';color:#7a7469}.top-product-name{font-size:10px;font-weight:800}.top-product-meta{font-size:9px;color:#9b978f;margin-top:3px}.top-product-qty{font:800 10px 'Manrope';direction:ltr}
/* modals */
.modal-backdrop{position:fixed;inset:0;background:rgba(16,16,16,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:100}.modal{width:min(100%,580px);max-height:min(90vh,880px);overflow:auto;background:#fff;border-radius:17px;box-shadow:0 28px 90px rgba(0,0,0,.22);padding:23px}.modal-wide{width:min(100%,850px)}.modal-small{width:min(100%,500px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:22px}.modal-head h2{font-size:20px;margin:0;font-weight:800}.modal-head .eyebrow{font-size:8px;margin-bottom:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:800;color:#4d4a44}.form-grid input,.form-grid textarea{width:100%;border:1px solid #e6e4df;background:#fcfbf9;border-radius:8px;min-height:40px;padding:9px 11px;outline:0;font-size:11px;font-weight:500;color:#222}.form-grid textarea{resize:vertical}.form-grid .span-two{grid-column:1/-1}.variants-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 0 12px;padding-top:19px;border-top:1px solid #efede7}.variants-heading p{line-height:1.8}.variant-table-scroll{overflow:auto;border:1px solid #ebe9e4;border-radius:9px}.variant-editor-table{width:100%;border-collapse:collapse;min-width:610px;text-align:right}.variant-editor-table th{font-size:9px;color:#8c8880;background:#f8f7f4;padding:10px 8px}.variant-editor-table td{padding:7px;border-top:1px solid #f0efeb}.variant-editor-table input{width:100%;height:33px;border:1px solid #e8e6e0;border-radius:6px;padding:0 7px;font-size:10px;outline:0;min-width:60px}.variant-editor-table input[type=number]{width:65px}.variant-editor-table .remove-variant{width:27px;height:27px;border:0;background:#faf0ee;color:#af655d;border-radius:6px}.modal-actions{display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-top:22px}.modal-actions .btn{min-width:105px}.variant-picker-content{display:grid;gap:8px}.variant-pick-button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid #eae8e2;background:#fff;border-radius:9px;text-align:right}.variant-pick-button:hover:not(:disabled){border-color:#ba9d71;background:#fcfbf8}.variant-pick-button:disabled{opacity:.45;cursor:not-allowed}.variant-pick-button strong{font-size:11px}.variant-pick-button small{display:block;color:#8b877f;font-size:9px;margin-top:3px}.variant-pick-button .pick-price{font:800 11px 'Manrope';direction:ltr;white-space:nowrap}.variant-picker-product{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f7f4;border-radius:9px;margin-bottom:12px}.variant-picker-product .product-monogram{width:44px;height:44px}.variant-picker-product strong{font-size:12px}.variant-picker-product small{display:block;color:#969189;margin-top:4px;font-size:10px}.receipt-printable{display:none}
/* Footer */
.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:15px 0;margin-top:auto;font:700 8px 'Manrope','Cairo',sans-serif;color:#aaa69d;direction:ltr}.app-footer>span:nth-child(2){letter-spacing:1.3px}.footer-status{display:flex;align-items:center;gap:7px;font-family:'Cairo';font-weight:500;direction:rtl}
.toast{position:fixed;z-index:200;left:24px;bottom:24px;max-width:min(400px,calc(100vw - 35px));background:#1d1d1d;color:#fff;padding:12px 16px;border-radius:10px;font-size:11px;box-shadow:0 8px 35px rgba(0,0,0,.2);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#8f3532}.menu-toggle{display:none}
@media(min-width:1440px){.main-area{padding-inline:50px}.pos-layout{grid-template-columns:minmax(0,1fr) 390px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1190px){.app-layout{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding-inline:13px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:132px}.pos-layout{grid-template-columns:minmax(0,1fr) 325px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100vh - 260px)}.topbar-actions{gap:9px}.dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr)}}
@media(max-width:900px){.app-layout{grid-template-columns:1fr}.sidebar{position:fixed;top:0;right:0;width:265px;height:100dvh;transform:translateX(105%);transition:transform .22s ease;box-shadow:-15px 0 35px rgba(0,0,0,.12)}body.menu-open .sidebar{transform:translateX(0)}body.menu-open:after{content:'';position:fixed;inset:0;background:rgba(0,0,0,.38);z-index:15}.menu-toggle{display:inline-grid}.main-area{padding:0 22px}.pos-layout{grid-template-columns:minmax(0,1fr) 320px}.pos-products-panel .product-grid{max-height:calc(100vh - 275px)}.dashboard-grid{grid-template-columns:1fr 1fr}.report-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-form-wrap{min-height:100vh;padding:25px;background:#f7f6f3}.login-card{background:white;border:1px solid #e9e7e2;border-radius:18px;padding:27px 23px;box-shadow:var(--shadow)}.mobile-brand{display:flex;font-size:18px;margin-bottom:35px}.mobile-brand .brand-mark{width:15px;height:4px;margin-bottom:14px}.login-card h2{font-size:26px}.main-area{padding:0 14px}.topbar{min-height:77px}.topbar h1{font-size:17px}.breadcrumb{font-size:8px}.today-chip{display:none}.topbar-actions{gap:0}.topNewProduct{display:none}.welcome-row{align-items:flex-start;flex-direction:column;margin-bottom:18px}.welcome-row h2{font-size:21px}.welcome-row .btn{min-height:37px}.page-section{padding-top:21px}.metric-grid{gap:9px}.metric-card{padding:13px 12px;min-height:125px;border-radius:11px}.metric-top{font-size:9px}.metric-icon{width:25px;height:25px}.metric-value{font-size:23px;margin:11px 0 6px}.metric-foot{font-size:8px;line-height:1.6}.dashboard-grid{grid-template-columns:1fr;gap:12px}.panel-heading{padding:16px 14px 12px}.payment-list{padding:0 15px}.profit-note{margin:14px 14px}.section-toolbar{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:17px}.section-toolbar h2{font-size:20px}.section-toolbar .toolbar-actions{width:100%;flex-wrap:wrap}.toolbar-actions .btn{min-height:37px}.table-toolbar{padding:11px;gap:8px}.search-box{height:36px}.data-table th{font-size:8px;padding:10px}.data-table td{font-size:9px;padding:11px}.table-strong,.invoice-id{font-size:9px}.pos-layout{display:flex;flex-direction:column;gap:13px}.pos-products-panel,.cart-panel{width:100%}.pos-products-panel{order:1}.cart-panel{position:static;order:2}.pos-search-row{padding:0 12px 12px;gap:6px}.pos-search-row .search-box{padding:0 8px}.search-box kbd{display:none}.select-control{min-width:96px;max-width:118px;padding:0 7px}.product-grid{padding:0 12px 13px;gap:8px;max-height:490px!important;min-height:150px}.product-tile{padding:10px 9px}.product-tile h4{font-size:10px;margin-top:9px;min-height:34px}.product-tile .product-en{font-size:7px}.product-grid .product-price{font-size:10px}.product-monogram{width:30px;height:30px;flex-basis:30px}.cart-panel{padding:0 14px 14px}.cart-items{max-height:250px}.inventory-mini-metrics{gap:7px}.inventory-mini{align-items:flex-start;flex-direction:column;padding:11px}.inventory-mini span{font-size:8px;line-height:1.6}.inventory-mini strong{font-size:19px}.report-metrics{gap:8px}.report-metric{padding:13px}.report-metric span{font-size:9px}.report-metric strong{font-size:21px;margin:9px 0}.report-metric small{font-size:8px}.date-field{height:36px}.date-field input{width:102px}.app-footer{font-size:7px;flex-wrap:wrap}.app-footer>span:nth-child(2){display:none}.modal-backdrop{padding:9px;align-items:flex-end}.modal{max-height:91dvh;border-radius:17px 17px 9px 9px;padding:19px 15px}.modal-head h2{font-size:18px}.form-grid{gap:10px}.form-grid label{font-size:9px}.form-grid input{min-height:38px}.variants-heading{align-items:flex-start;flex-direction:column;gap:8px;margin-top:18px}.variants-heading .btn{align-self:flex-start}.modal-actions .btn{flex:1}.toast{left:12px;bottom:12px}}
@media(max-width:390px){.main-area{padding:0 10px}.metric-value{font-size:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-tile h4{font-size:9px}.payment-choice strong{font-size:7px}.inventory-mini strong{font-size:17px}.topbar-heading{gap:7px}.topbar h1{font-size:15px}}
@media print{body>*{display:none!important}#receiptPrintable{display:block!important;color:#000;background:#fff;font-family:'Cairo',sans-serif;direction:rtl;width:72mm;margin:0 auto;padding:2mm;font-size:11px}.receipt-brand{text-align:center;font:bold 23px 'Manrope',sans-serif;letter-spacing:3px;direction:ltr;padding:5px 0}.receipt-mark{height:4px;width:24px;background:#000;margin:0 auto 5px;transform:skewX(-25deg)}.receipt-line{border:0;border-top:1px dashed #777;margin:8px 0}.receipt-row{display:flex;justify-content:space-between;gap:7px;margin:5px 0}.receipt-items{width:100%;border-collapse:collapse}.receipt-items td{padding:5px 0;border-bottom:1px dashed #bbb;vertical-align:top}.receipt-items td:last-child{text-align:left;white-space:nowrap}.receipt-total{font-size:14px;font-weight:bold}.receipt-thanks{text-align:center;margin:12px 0;font-weight:bold}}