:root{--color-primary-dark:#574a24;--color-primary-medium:#80775c;--color-primary-light:#fae8b4;--color-primary-beige:#cbbd93;--color-surface:#fffbf5;--color-text-primary:#574a24;--color-text-secondary:#80775c;--color-border:#cbbd93;--color-error:#b00020;--radius:12px;--shadow:0 4px 24px #574a2414;font-family:Cairo,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html{direction:rtl}body{background:var(--color-surface);min-height:100vh;color:var(--color-text-primary);margin:0;line-height:1.5}#root{min-height:100vh}a{color:var(--color-primary-dark)}.muted{color:var(--color-text-secondary)}.small{font-size:.875rem}.layout{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--color-primary-light) 0%, #fff8e8 100%);border-inline-end:1px solid var(--color-border);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.sidebar-brand{align-items:center;gap:.75rem;display:flex}.sidebar-logo{border-radius:var(--radius);object-fit:cover;border:1px solid var(--color-border);width:48px;height:48px}.sidebar-logo-placeholder{border-radius:var(--radius);background:var(--color-primary-beige);width:48px;height:48px;color:var(--color-primary-dark);justify-content:center;align-items:center;font-size:.75rem;display:flex}.sidebar-brand strong{font-size:1rem;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:.35rem;display:flex}.sidebar-nav a{border-radius:var(--radius);color:var(--color-text-primary);border:1px solid #0000;padding:.65rem .85rem;font-weight:600;text-decoration:none}.sidebar-nav a:hover{border-color:var(--color-border);background:#fff9}.sidebar-nav a.active{background:var(--color-primary-dark);color:var(--color-primary-light)}.sidebar-logout{margin-top:auto}.mobile-topbar,.mobile-bottom-nav{display:none}.main{padding:1.5rem 2rem;overflow:auto}.page{max-width:1100px}.page-header{margin-bottom:1.5rem}.page-header h1{margin:0 0 .25rem;font-size:1.5rem}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.card{border-radius:var(--radius);border:1px solid var(--color-border);box-shadow:var(--shadow);background:#fff;padding:1.25rem}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:.6rem 1.1rem;font-family:inherit;font-size:.95rem;font-weight:600}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary-dark);color:var(--color-primary-light);border-color:var(--color-primary-dark)}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-secondary{color:var(--color-primary-dark);border-color:var(--color-border);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--color-surface)}.btn-ghost{color:var(--color-primary-dark);border-color:var(--color-border);background:0 0}.btn-danger{color:var(--color-error);border-color:var(--color-error);background:#fff}.btn-sm{padding:.35rem .65rem;font-size:.85rem}.input{border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);background:#fff;border-radius:8px;padding:.55rem .75rem;font-family:inherit;font-size:1rem}.input:focus{outline:2px solid var(--color-primary-beige);outline-offset:1px}.form-stack{flex-direction:column;gap:1rem;display:flex}.form-stack label span,.form-grid label span{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.85rem;display:block}.form-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.full-width{grid-column:1/-1}.form-wide{max-width:720px}.form-error{color:var(--color-error);margin:0}.form-success{color:#1b5e20;margin:0}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;font-weight:600;display:flex}.toggles-row{flex-wrap:wrap;gap:1rem;margin:1rem 0;display:flex}.file-label input[type=file]{margin-top:.35rem;display:block}.login-page{background:radial-gradient(circle at 20% 20%, var(--color-primary-light), transparent 45%), radial-gradient(circle at 80% 80%, #fff0d4, transparent 40%), var(--color-surface);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{width:100%;max-width:400px}.login-card h1{margin:0 0 .25rem;font-size:1.35rem}.app-loading{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:100vh;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary-dark);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state-page{text-align:center;max-width:480px;margin:2rem auto;padding:2rem}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card .stat-value{margin:.35rem 0;font-size:1.75rem;font-weight:700}.stat-value.small{font-size:1rem}.link-inline{font-size:.9rem;font-weight:600}.shortcuts h2{margin-top:0;font-size:1.1rem}.shortcut-row{flex-wrap:wrap;gap:.75rem;display:flex}.shop-preview-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.shop-cover-preview{object-fit:cover;border-radius:var(--radius);border:1px solid var(--color-border);width:120px;height:120px}.table-wrap{padding:0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.95rem}.data-table th,.data-table td{text-align:start;border-bottom:1px solid var(--color-border);padding:.75rem 1rem}.data-table th{background:var(--color-surface);color:var(--color-text-secondary);font-weight:700}.cell-actions{flex-wrap:wrap;gap:.35rem;display:flex}.product-thumb{object-fit:cover;border:1px solid var(--color-border);border-radius:8px;width:44px;height:44px}.product-thumb.placeholder{background:var(--color-primary-light)}.toolbar{margin-bottom:1rem}.row-form{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.flex-grow{flex:1;min-width:200px}.category-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.category-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.cat-thumb{object-fit:cover;border-radius:8px;width:48px;height:48px}.cat-thumb.placeholder{background:var(--color-border)}.category-main{flex:1}.row-actions{flex-wrap:wrap;gap:.35rem;display:flex}.modal-backdrop{z-index:50;background:#574a2459;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:440px;max-height:90vh;overflow-y:auto}.modal h2{margin-top:0}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.status-pill{background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:999px;padding:.2rem .55rem;font-size:.8rem;font-weight:700;display:inline-block}.status-pending{background:#fff3cd}.status-accepted,.status-preparing{background:#e3f2fd}.status-on_the_way{background:#e8f5e9}.status-delivered{background:#c8e6c9}.status-canceled{background:#ffcdd2}.status-postponed{background:#ffe0b2}.row-wrap{flex-wrap:wrap;gap:.5rem;display:flex}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.link-back{margin-bottom:.75rem;font-weight:600;text-decoration:none;display:inline-block}.grid-two{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.order-items{margin:0;padding:0;list-style:none}.order-item-row{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.order-total{margin:1rem 0 0;font-size:1.1rem}.reason-field{margin-bottom:.75rem;display:block}@media (width<=840px){.layout{grid-template-columns:1fr}.sidebar{display:none}.mobile-topbar{z-index:20;border-bottom:1px solid var(--color-border);background:#fff;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .8rem;display:flex;position:sticky;top:0}.mobile-topbar-brand{align-items:center;gap:.6rem;min-width:0;display:flex}.mobile-topbar-brand strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.95rem;display:block;overflow:hidden}.mobile-topbar .sidebar-logo,.mobile-topbar .sidebar-logo-placeholder{width:38px;height:38px}.mobile-logout-btn{flex-shrink:0;width:auto;padding:.4rem .65rem;font-size:.82rem}.mobile-bottom-nav{z-index:25;padding:.4rem .4rem calc(.4rem + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:#fff;grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav a{text-align:center;color:var(--color-text-secondary);border:1px solid #0000;border-radius:10px;padding:.45rem .2rem;font-size:.73rem;font-weight:700;line-height:1.25;text-decoration:none}.mobile-bottom-nav a.active{color:var(--color-primary-dark);background:var(--color-primary-light);border-color:var(--color-border)}.sidebar{flex-flow:wrap;align-items:center}.sidebar-nav{flex-flow:wrap;width:100%;padding-bottom:.25rem;overflow-x:auto}.sidebar-nav a{white-space:nowrap}.sidebar-logout{margin-top:0}.main{padding:1rem 1rem 5.8rem}}@media (width<=640px){.card{padding:.9rem}.page-header h1{font-size:1.2rem}.btn{width:100%}.row-form .btn,.cell-actions .btn,.modal-actions .btn,.pagination .btn,.row-wrap .btn,.toolbar .btn,.mobile-logout-btn{width:auto}.table-wrap{box-shadow:none;background:0 0;border:none;padding:0;overflow:visible}.data-table,.data-table thead,.data-table tbody,.data-table tr,.data-table th,.data-table td{width:100%;display:block}.data-table thead{display:none}.data-table tr{border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:.65rem;padding:.5rem}.data-table td{border:none;padding:.45rem .2rem}.data-table td:before{content:attr(data-label);color:var(--color-text-secondary);margin-bottom:.15rem;font-size:.78rem;display:block}.cell-actions{justify-content:flex-start}.pagination{flex-direction:column;gap:.55rem}.modal{border-radius:10px;max-width:100%}.modal-actions{flex-direction:column}.mobile-bottom-nav a{padding:.4rem .1rem;font-size:.7rem}}