:root{--color-bg:#f7fafc;--color-nexa-blue:#12549c;--color-nexa-blue-dark:#0e4280;--color-nexa-blue-light:#1a6bc4;--color-digital-cyan:#00c8ff;--color-digital-cyan-light:#33d4ff;--color-text:#4a5568;--color-text-dark:#2d3748;--color-text-light:#718096;--color-text-muted:#a0aec0;--color-white:#fff;--color-black:#1a202c;--color-surface:#fff;--color-surface-hover:#f0f4f8;--color-surface-alt:#edf2f7;--color-border:#e2e8f0;--color-border-light:#edf2f7;--color-success:#38a169;--color-success-bg:#f0fff4;--color-warning:#d69e2e;--color-warning-bg:ivory;--color-error:#e53e3e;--color-error-bg:#fff5f5;--color-pending:#d69e2e;--color-accepted:#38a169;--color-rejected:#e53e3e;--color-discount:#e53e3e;--color-old-price:#a0aec0;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000d;--font-ar:"Noto Kufi Arabic", "Segoe UI", Tahoma, sans-serif;--font-en:"Inter", "Segoe UI", system-ui, sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.9375rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-base:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--header-height:60px;--container-max:1200px;--container-padding:var(--space-base)}[data-theme=dark]{--color-bg:#0f172a;--color-nexa-blue:#3b82f6;--color-nexa-blue-dark:#60a5fa;--color-nexa-blue-light:#2563eb;--color-digital-cyan:#00e5ff;--color-digital-cyan-light:#67e8f9;--color-text:#cbd5e1;--color-text-dark:#f8fafc;--color-text-light:#94a3b8;--color-text-muted:#64748b;--color-white:#1e293b;--color-black:#f8fafc;--color-surface:#1e293b;--color-surface-hover:#334155;--color-surface-alt:#0f172a;--color-border:#334155;--color-border-light:#1e293b;--color-success-bg:#38a16933;--color-warning-bg:#d69e2e33;--color-error-bg:#e53e3e33;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #0009;--shadow-xl:0 20px 25px -5px #000000b3}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{font-family:var(--font-ar);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;max-width:100vw;min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none}ul,ol{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.container{width:100%;max-width:var(--container-max);padding-left:var(--container-padding);padding-right:var(--container-padding);margin:0 auto}.text-center{text-align:center}.text-start{text-align:right}.text-end{text-align:left}.font-en{font-family:var(--font-en)}.font-ar{font-family:var(--font-ar)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.price{font-family:var(--font-en);color:var(--color-nexa-blue);direction:ltr;font-weight:700;display:inline-block}.price--old{color:var(--color-old-price);font-size:.85em;font-weight:500;text-decoration:line-through}.price--current{color:var(--color-nexa-blue)}.discount-badge{background:var(--color-discount);color:var(--color-white);font-family:var(--font-en);font-size:var(--font-size-xs);border-radius:var(--radius-full);white-space:nowrap;direction:ltr;justify-content:center;align-items:center;padding:2px 8px;font-weight:700;display:inline-flex}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-fast);white-space:nowrap;line-height:1.4;display:inline-flex}.btn--primary{background:linear-gradient(135deg, var(--color-nexa-blue) 0%, var(--color-nexa-blue-light) 100%);color:var(--color-white)}.btn--primary:hover{background:linear-gradient(135deg, var(--color-nexa-blue-dark) 0%, var(--color-nexa-blue) 100%);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:var(--color-surface);color:var(--color-nexa-blue);border:1.5px solid var(--color-border)}.btn--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-nexa-blue)}.btn--cta{background:linear-gradient(135deg, var(--color-nexa-blue) 0%, #1565c0 50%, var(--color-digital-cyan) 100%);color:var(--color-white);font-size:var(--font-size-lg);padding:var(--space-base) var(--space-xl);border-radius:var(--radius-lg);width:100%;font-weight:700}.btn--cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #12549c59}.btn--cta:active{transform:translateY(0)}.btn--cta:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn--sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.btn--danger{background:var(--color-error);color:var(--color-white)}.btn--danger:hover{background:#c53030}.btn--success{background:var(--color-success);color:var(--color-white)}.btn--success:hover{background:#2f855a}.form-group{margin-bottom:var(--space-base)}.form-label{font-size:var(--font-size-sm);color:var(--color-text-dark);margin-bottom:var(--space-xs);font-weight:600;display:block}.form-input,.form-select{width:100%;padding:var(--space-md) var(--space-base);background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-dark);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus{border-color:var(--color-nexa-blue);box-shadow:0 0 0 3px #12549c1a}.form-input::placeholder{color:var(--color-text-muted)}.form-input--error,.form-select--error{border-color:var(--color-error)}.form-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--space-xs)}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234A5568' d='M6 8.5L1 3.5h10z'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;padding-left:36px}.status-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);align-items:center;gap:4px;padding:3px 10px;font-weight:600;display:inline-flex}.status-badge--pending{background:var(--color-warning-bg);color:var(--color-pending)}.status-badge--accepted{background:var(--color-success-bg);color:var(--color-accepted)}.status-badge--rejected{background:var(--color-error-bg);color:var(--color-rejected)}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:box-shadow var(--transition-base), transform var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg)}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:linear-gradient(90deg, var(--color-surface-alt) 25%, var(--color-border-light) 50%, var(--color-surface-alt) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.3s forwards fadeIn}@media (width>=768px){:root{--container-padding:var(--space-lg);--header-height:64px}}@media (width>=1024px){:root{--container-padding:var(--space-xl)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}@media (width<=768px){.admin-nav-link{font-size:var(--font-size-sm)!important;padding:var(--space-sm) var(--space-md)!important}.product-layout{gap:var(--space-md)!important;grid-template-columns:1fr!important}.admin-layout-wrapper{flex-direction:column!important}.admin-sidebar{border-left:none!important;border-bottom:1px solid var(--color-border)!important;width:100%!important;height:auto!important;padding:var(--space-sm) var(--space-md)!important;position:relative!important;overflow-y:visible!important}.admin-sidebar-header{justify-content:space-between;align-items:center;display:flex;margin-bottom:var(--space-sm)!important}.admin-nav-list{padding-bottom:var(--space-xs);overflow-x:auto;gap:var(--space-xs)!important;flex-direction:row!important}.admin-sidebar-footer{display:none!important}.admin-mobile-logout{display:inline-flex!important}.admin-main-content{padding:var(--space-md)!important}.product-form-grid-2,.product-form-grid-3{grid-template-columns:1fr!important}}@media (width>=769px){.admin-mobile-logout{display:none!important}}