:root{--color-primary: #007a3d;--color-primary-strong: #056133;--color-black: #000000;--color-white: #ffffff;--color-gray-50: #f6f6f6;--color-gray-100: #e9e9e9;--color-gray-200: #cbcbcb;--color-gray-400: #808080;--color-gray-500: #717171;--color-gray-600: #505050;--color-gray-700: #444444;--color-gray-800: #2d2d2d;--color-success: #007a3d;--color-warning: #ffad33;--color-danger: #db4444;--color-info: #1f6fff;--surface-base: #f8f9fb;--surface-muted: #f2f3f5;--surface-card: #ffffff;--surface-elevated: #ffffff;--border-subtle: #e6e9ee;--border-strong: #d6dce6;--shadow-soft: 0 8px 26px rgba(13, 18, 28, .08);--shadow-focus: 0 0 0 3px rgba(0, 122, 61, .16);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--font-body: "Space Grotesk", "Noto Kufi Arabic", "Segoe UI", sans-serif;--font-heading: "Newsreader", "Noto Kufi Arabic", serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--color-gray-800);background:radial-gradient(circle at 8% 0%,rgba(0,122,61,.08) 0,transparent 42%),linear-gradient(180deg,#fafbfd,#f3f5f8);line-height:1.45}h1,h2,h3{margin:0;font-family:var(--font-heading);color:#11131a;line-height:1.25}h1{font-size:clamp(1.25rem,1.6vw,1.65rem)}h2{font-size:clamp(1.1rem,1.4vw,1.35rem)}h3{font-size:1rem}p{margin:0}input,select,textarea,button{font:inherit}.app{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:#0b1019;color:var(--color-white);padding:var(--space-7) var(--space-5);display:flex;flex-direction:column;gap:var(--space-6);border-inline-end:1px solid rgba(255,255,255,.08);position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-strong));box-shadow:inset 0 0 0 2px #ffffff2e}.brand-title{font-size:1.05rem;font-weight:700;color:var(--color-white)}.brand-subtitle{font-size:.8rem;color:#b8c0cc}.nav{display:grid;gap:var(--space-2)}.nav-item{border:1px solid transparent;background:transparent;color:#c5ceda;padding:10px 12px;border-radius:var(--radius-md);display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem;text-align:start;transition:background .2s ease,color .2s ease,border-color .2s ease}.nav-item:hover{background:#ffffff14;border-color:#ffffff1f;color:#f5f8ff}.nav-item.active{background:linear-gradient(135deg,var(--color-primary),#0a8d4d);color:var(--color-white);border-color:#ffffff38;font-weight:600}.nav-icon{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;color:currentColor;flex-shrink:0}.nav-item.active .nav-icon{background:#fff3}.nav-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.sidebar-section{display:grid;gap:var(--space-3);min-height:0}.sidebar-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.sidebar-section-title{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#9da8b7}.sidebar-section-actions{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.sidebar-muted{font-size:.8rem;color:#9aa5b6}.sidebar-tree{display:grid;gap:2px;max-height:300px;overflow-y:auto;overflow-x:hidden;padding-inline-end:6px}.category-node{display:grid;gap:2px}.category-link{border:0;background:transparent;color:#ccd4df;font-size:.84rem;line-height:1.25;display:inline-flex;align-items:center;gap:8px;text-align:start;cursor:pointer;padding:6px 8px;border-radius:10px;inline-size:100%;padding-inline-start:calc(10px + var(--depth, 0) * 14px);transition:background .2s ease,color .2s ease}.category-link:hover{background:#ffffff14;color:#f5f8ff}.category-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.sidebar-footer{margin-top:auto;padding-top:var(--space-2)}.helper-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#91a0b6;margin-bottom:var(--space-2)}.env-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 12px;border-radius:var(--radius-pill);background:#ffffff1a;color:#eef4ff;font-size:.8rem}.main{min-width:0;padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.topbar-title-wrap{display:grid;gap:10px}.title-row{display:flex;align-items:center;gap:10px}.title-icon{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#edf7f1;border:1px solid #cae8d8;color:var(--color-primary);flex-shrink:0}.sidebar .title-icon{width:30px;height:30px;border-radius:10px;background:#ffffff14;border-color:#ffffff26;color:#b4f0ce}.icon{width:18px;height:18px}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-500);font-weight:600}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2)}.search{min-width:min(360px,100%);flex:1 1 260px}.search input,.toolbar input,.toolbar select,.form-group input,.form-group select,.form-group textarea,.inline-group select,.inline-group input,.inline-input,.options-row input,.options-add input,.login-form input{width:100%;border:1px solid var(--border-strong);background:#fff;border-radius:12px;padding:10px 12px;color:#1f2733;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group textarea{min-height:110px;resize:vertical}.search input{border-radius:var(--radius-pill);padding-inline:14px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.lang-toggle{display:inline-flex;gap:4px;padding:4px;border-radius:var(--radius-pill);background:#f3f5f8;border:1px solid var(--border-subtle)}.lang-button{border:0;background:transparent;padding:6px 12px;border-radius:var(--radius-pill);cursor:pointer;color:var(--color-gray-600);font-size:.8rem;font-weight:600}.lang-button.active{background:#121621;color:#fff}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius-pill);background:#edf1f5;font-size:.86rem;color:#1a2230;font-weight:500}.content{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.card,.table-card,.form-card,.empty-state{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.card,.form-card,.empty-state{padding:var(--space-5)}.stat-card h3{font-size:clamp(1.5rem,2.2vw,1.9rem);margin:8px 0}.card-label{font-size:.72rem;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.09em;font-weight:600}.card-meta,.muted{color:var(--color-gray-500);font-size:.86rem}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.highlight{background:linear-gradient(180deg,#fff,#f6faf8)}.progress-list{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.progress-label{font-size:.8rem;color:var(--color-gray-600);margin-bottom:4px}.progress{height:8px;background:#e8edf3;border-radius:var(--radius-pill);overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(135deg,var(--color-primary),#149457)}.checklist{margin:var(--space-4) 0;padding:0;list-style:none;display:grid;gap:var(--space-2);color:var(--color-gray-600);font-size:.9rem}.checklist li:before{content:"•";color:var(--color-primary);margin-inline-end:8px}.section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.section-meta{margin-top:4px;font-size:.8rem;color:var(--color-gray-500)}.table-thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;border:1px solid var(--border-subtle);background:#f0f3f7}.table-card{overflow:auto}table{width:100%;min-width:680px;border-collapse:collapse;font-size:.87rem}thead{background:#f6f8fb}th,td{padding:12px 14px;border-bottom:1px solid #edf0f4;vertical-align:middle}th{font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;color:#607087;font-weight:700}tbody tr:hover{background:#f8fbff}.empty-cell{text-align:center;color:var(--color-gray-500);padding:26px}.pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#eef2f7;color:#516173}.pill-success{background:#007a3d24;color:var(--color-success)}.pill-warning{background:#ffad3333;color:#8a5600}.pill-danger{background:#db444429;color:var(--color-danger)}.primary-button,.ghost-button{border-radius:var(--radius-pill);padding:9px 14px;min-height:38px;font-size:.86rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease;white-space:nowrap}.primary-button{background:linear-gradient(135deg,var(--color-primary),#149457);color:#fff;box-shadow:0 8px 18px #007a3d33}.primary-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled{opacity:.6;cursor:not-allowed}.ghost-button{background:#fff;border-color:var(--border-strong);color:#273043}.ghost-button:hover:not(:disabled){border-color:#9eacbf}.ghost-button.small{min-height:30px;padding:5px 10px;font-size:.76rem}.ghost-button.danger{border-color:#db444457;color:var(--color-danger)}.sidebar .ghost-button{background:#ffffff14;border-color:#ffffff38;color:#eef4ff}.sidebar .ghost-button:hover:not(:disabled){border-color:#ffffff61}.row-actions{display:inline-flex;flex-wrap:wrap;gap:var(--space-2)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.toolbar input{min-width:min(280px,100%)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);align-items:end}.form-group{display:flex;flex-direction:column;gap:7px;min-width:0}.form-group label{font-size:.8rem;color:#4a5a70;font-weight:600}.form-actions{display:inline-flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.full-width{grid-column:1 / -1}.inline-group{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.inline-group>*{flex:1 1 auto}.inline-group .ghost-button,.inline-group .primary-button{flex:0 0 auto}.checkbox-group{align-items:center;justify-content:flex-start;margin-top:10px}.checkbox-group label,.checkbox-inline{display:inline-flex;align-items:center;gap:8px;font-size:.85rem}.attribute-grid,.inventory-grid,.selection-grid,.store-fields,.details-grid{display:grid;gap:var(--space-3)}.attribute-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.inventory-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.selection-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.details-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));font-size:.9rem}.image-list,.options-list,.card-stack,.hours-grid{display:grid;gap:var(--space-3)}.image-row{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) auto 100px auto;gap:var(--space-2);align-items:center}.store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4)}.store-card{border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-4);background:#fafcfe;display:grid;gap:var(--space-3)}.store-card.selected{border-color:#007a3d80;background:#007a3d14}.store-header{display:flex;align-items:center;gap:10px;font-weight:700}.store-fields{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.tab-bar{display:inline-flex;gap:8px;padding:6px;border-radius:var(--radius-pill);background:#edf2f7;border:1px solid var(--border-subtle)}.tab-button{border:none;background:transparent;border-radius:var(--radius-pill);padding:8px 14px;font-size:.84rem;font-weight:600;color:#4f6177;cursor:pointer}.tab-button.active{background:#fff;color:var(--color-primary);box-shadow:0 5px 14px #1118271f}.hours-row{display:grid;grid-template-columns:130px minmax(0,1fr) minmax(0,1fr) 140px;gap:var(--space-3);align-items:center}.hours-day{font-weight:700;font-size:.87rem}.attribute-item{display:grid;gap:8px}.inline-input{width:90px;min-width:90px;padding:7px 9px;font-size:.82rem}.inline-toggle input{width:17px;height:17px}.options-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap}.options-row{display:grid;grid-template-columns:minmax(0,1fr) 120px auto auto;gap:var(--space-2);align-items:center}.options-add{display:grid;grid-template-columns:minmax(0,1fr) 140px auto;gap:var(--space-2);align-items:center}.notice{padding:10px 12px;border-radius:12px;font-size:.84rem;border:1px solid transparent}.notice-success{background:#007a3d1a;color:var(--color-success);border-color:#007a3d33}.notice-error{background:#db44441a;color:var(--color-danger);border-color:#db444433}.full{width:100%}.login-wrapper{min-height:100vh;display:grid;place-items:center;padding:var(--space-7)}.login-card{width:min(960px,100%);background:var(--surface-elevated);border-radius:24px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);padding:clamp(20px,3vw,34px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-7);align-items:center}.login-info{display:grid;gap:var(--space-3)}.login-actions{display:flex;justify-content:flex-end}.login-form{display:grid;gap:var(--space-3)}.login-form label{font-size:.84rem;color:#4a5a70;font-weight:600}.empty-state{display:grid;gap:var(--space-3)}.filter-bar{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end}.filter-group{display:grid;gap:6px}@media (max-width: 1360px){.main{padding:var(--space-6)}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:flex-start}}@media (max-width: 1100px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.12)}.nav{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.sidebar-tree{max-height:220px}.two-col,.login-card{grid-template-columns:1fr}}@media (max-width: 840px){.main{padding:var(--space-4)}.toolbar{flex-direction:column;align-items:stretch}.toolbar input,.search{min-width:0;width:100%}.image-row,.options-row,.options-add,.hours-row{grid-template-columns:1fr}.inline-input{width:100%;min-width:0}}@media (max-width: 560px){.sidebar{padding:var(--space-5) var(--space-4)}.main{padding:var(--space-3)}.topbar,.card,.form-card,.empty-state{padding:var(--space-4)}.lang-toggle{width:100%;justify-content:space-between}.lang-button{flex:1 1 0;text-align:center}}html[dir=rtl] body{direction:rtl}html[dir=rtl] .title-row,html[dir=rtl] .topbar-actions,html[dir=rtl] .row-actions,html[dir=rtl] .inline-group,html[dir=rtl] .tab-bar,html[dir=rtl] .store-header{flex-direction:row-reverse}html[dir=rtl] .search input,html[dir=rtl] .toolbar input,html[dir=rtl] .form-group input,html[dir=rtl] .form-group textarea,html[dir=rtl] .form-group select,html[dir=rtl] .login-form input{text-align:right}html[dir=rtl] .login-actions{justify-content:flex-start}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}