@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+Arabic:wght@300;400;500;600;700;800;900&display=swap";:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-dark:#1e3a8a;--primary-light:#3b82f6;--primary-glow:#2563eb40;--primary-gradient:linear-gradient(135deg, #2563eb, #1d4ed8);--accent:#8b5cf6;--accent-hover:#7c3aed;--accent-warm:#f97316;--accent-gold:#eab308;--accent-rose:#f43f5e;--background:#060a13;--background-secondary:#0c1122;--surface:#0f172aa6;--surface-solid:#111827;--surface-hover:#1e293bcc;--surface-elevated:#141e34bf;--border:#ffffff0f;--border-hover:#2563eb4d;--border-glow:#2563eb26;--text:#f1f5f9;--text-muted:#64748b;--text-dimmed:#475569;--error:#f43f5e;--success:#10b981;--warning:#f59e0b;--info:#06b6d4;--secondary:#1e293b;--radius-sm:8px;--radius:14px;--radius-lg:20px;--radius-xl:28px;--shadow:0 4px 16px #00000040;--shadow-lg:0 12px 40px #00000059;--shadow-glow:0 0 30px #2563eb14;--shadow-card:0 8px 32px #0003, inset 0 1px 0 #ffffff0a;--sidebar-width:280px;--header-height:68px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .5s cubic-bezier(.4, 0, .2, 1);--transition-spring:all .4s cubic-bezier(.175, .885, .32, 1.275)}body.light-mode{--background:#f4f6f9;--background-secondary:#eef1f6;--surface:#ffffffe6;--surface-solid:#fff;--surface-hover:#f8fafc;--surface-elevated:#fff;--primary:#1e3a8a;--primary-hover:#172554;--primary-dark:#0f172a;--primary-light:#1d4ed8;--primary-gradient:linear-gradient(135deg, #1e3a8a, #1d4ed8);--primary-glow:#1e3a8a26;--border:#0f172a14;--border-hover:#1e3a8a4d;--border-glow:#1e3a8a1f;--text:#1e293b;--text-muted:#57657a;--text-dimmed:#7c8ba1;--secondary:#f1f5f9;--shadow:0 4px 20px #0f172a0a;--shadow-lg:0 16px 48px #0f172a12;--shadow-card:0 8px 30px #0f172a0a, inset 0 1px 0 #ffffffe6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--background);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;font-family:Inter,Noto Sans Arabic,-apple-system,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}body.light-mode{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}body.light-mode ::-webkit-scrollbar-thumb{background:#0000001a}body.light-mode ::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.3}button{cursor:pointer;transition:var(--transition);background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.app-container{z-index:1;min-height:100vh;display:flex;position:relative}.main-content{margin-right:var(--sidebar-width);background:0 0;flex:1;padding:2.5rem}.card{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.btn{border-radius:var(--radius-sm);white-space:nowrap;transition:var(--transition);justify-content:center;align-items:center;gap:.75rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 20px #2563eb4d,inset 0 1px #ffffff26}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 28px #2563eb73,inset 0 1px #fff3}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 10px #2563eb40}.btn-outline{border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:#06b6d414}.btn-icon{border-radius:var(--radius-sm);color:var(--text-muted);justify-content:center;align-items:center;padding:.5rem;display:flex}.btn-icon:hover{color:var(--primary);background:#06b6d41a}.btn-danger{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 4px 20px #f43f5e4d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 28px #f43f5e73}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-header h1{letter-spacing:-.03em;background:linear-gradient(135deg, var(--text) 0%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-size:1.85rem;font-weight:800}.page-header p{color:var(--text-muted);font-size:.9rem;font-weight:500}.ag-theme-alpine-dark,.ag-theme-alpine,.ag-theme-quartz,.ag-theme-quartz-dark{--ag-background-color:var(--surface-solid)!important;--ag-foreground-color:var(--text)!important;--ag-data-color:var(--text)!important;--ag-secondary-foreground-color:var(--text-muted)!important;--ag-header-background-color:var(--background-secondary)!important;--ag-header-foreground-color:#fff!important;--ag-header-column-separator-color:#ffffff0f!important;--ag-header-column-resize-handle-color:var(--primary)!important;--ag-odd-row-background-color:#ffffff04!important;--ag-row-hover-color:#06b6d414!important;--ag-selected-row-background-color:#06b6d41f!important;--ag-row-border-color:#ffffff0a!important;--ag-border-color:var(--border)!important;--ag-input-border-color:var(--border)!important;--ag-input-focus-border-color:var(--primary)!important;--ag-input-background-color:var(--surface-solid)!important;--ag-input-focus-box-shadow:0 0 0 3px #06b6d426!important;--ag-cell-focus-border-color:transparent!important;--ag-range-selection-border-color:transparent!important;--ag-range-selection-background-color:transparent!important;--ag-popup-shadow:0 12px 40px #00000080!important;--ag-menu-background-color:var(--secondary)!important;--ag-menu-border-color:var(--border)!important;--ag-pagination-background-color:var(--background-secondary)!important;--ag-font-family:"Inter", "Noto Sans Arabic", sans-serif!important;--ag-font-size:13.5px!important;--ag-grid-size:6px!important;--ag-list-item-height:30px!important;background-color:var(--surface-solid)!important;color:var(--text)!important;border-radius:var(--radius)!important;border:1px solid var(--border)!important;overflow:hidden!important}.ag-root-wrapper{background-color:var(--surface-solid)!important;border:none!important}.ag-header,.ag-header-row{background-color:var(--background-secondary)!important;border-bottom:1px solid #06b6d41f!important}.ag-header-cell{background-color:var(--background-secondary)!important}.ag-header-cell-label{color:var(--text-muted)!important;letter-spacing:.06em!important;text-transform:uppercase!important;justify-content:center!important;font-size:.75rem!important;font-weight:700!important}.ag-body-viewport,.ag-body,.ag-center-cols-viewport,.ag-center-cols-container{background-color:var(--surface-solid)!important}.ag-row{background-color:var(--surface-solid)!important;border-bottom:1px solid #ffffff08!important;transition:background-color .2s!important}.ag-row-odd{background-color:#ffffff04!important}.ag-row:hover,.ag-row-hover{background-color:#06b6d40f!important}.ag-row-selected{background-color:#06b6d41f!important}.ag-cell{color:var(--text)!important;border-right:1px solid #ffffff08!important;align-items:center!important;font-weight:500!important;display:flex!important}.ag-paging-panel{background-color:var(--background-secondary)!important;color:var(--text-muted)!important;border-top:1px solid #ffffff0f!important}.ag-paging-button,.ag-paging-button button{color:var(--text)!important}.ag-paging-button:hover:not([disabled]){color:var(--primary)!important}.ag-floating-filter-input input,.ag-filter-toolpanel-search input,.ag-text-field-input{background-color:var(--surface-solid)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:6px!important}.ag-dnd-ghost{background:var(--secondary)!important;border:1px solid var(--primary)!important;color:#fff!important}.ag-overlay-loading-center,.ag-overlay-no-rows-center{background-color:var(--surface-solid)!important;color:var(--text-muted)!important;border-radius:var(--radius)!important;padding:1rem 2rem!important}.ag-menu{background-color:var(--secondary)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;box-shadow:0 12px 40px #00000080!important}.ag-menu-option:hover{background-color:#06b6d41a!important}.ag-body-viewport::-webkit-scrollbar{width:5px;height:5px}.ag-body-viewport::-webkit-scrollbar-track{background:0 0}.ag-body-viewport::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}.ag-body-viewport::-webkit-scrollbar-thumb:hover{background:var(--primary)}.badge{text-transform:uppercase;letter-spacing:.02em;border-radius:9999px;align-items:center;gap:.3rem;padding:.25rem .85rem;font-size:.72rem;font-weight:700;line-height:normal;display:inline-flex}.badge.success{color:#34d399;background:#10b9811f;border:1px solid #10b98126}.badge.warning{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b26}.badge.danger{color:#fb7185;background:#f43f5e1f;border:1px solid #f43f5e26}.badge.info{color:#22d3ee;background:#06b6d41f;border:1px solid #06b6d426}.status-badge{cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:20px;padding:4px 12px;font-size:.72rem;font-weight:700}.status-badge.active{color:#10b981;background:#10b9811a}.status-badge.active:hover{background:#10b98133}.status-badge.inactive{color:#ef4444;background:#ef44441a}.status-badge.inactive:hover{background:#ef444433}.type-badge{border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:700}.type-badge.retailer{color:#3b82f6;background:#3b82f61a}.type-badge.agent{color:#f59e0b;background:#f59e0b1a}.type-badge.distributor{color:#a371f7;background:#a371f71a}.reset-pwd-btn{color:#eab308;cursor:pointer;background:#eab3081a;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.reset-pwd-btn:hover{background:#eab30833;transform:scale(1.05)}.table-actions{justify-content:center;align-items:center;gap:.4rem;height:100%;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-in{animation:.3s ease-out forwards slideInRight}.animate-scale-in{animation:.3s ease-out forwards scaleIn}.animate-spin{animation:1s linear infinite spin}.stagger-children>*{opacity:0;animation:.4s ease-out forwards fadeIn}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.form-group{flex-direction:column;margin-bottom:1.15rem;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;transition:var(--transition-fast);margin-bottom:.5rem;font-size:.72rem;font-weight:700;display:block}.form-group:focus-within label{color:var(--primary)}.form-group input,.form-group select,.form-group textarea{border-radius:var(--radius-sm);width:100%;color:var(--text);background:#ffffff08;border:1px solid #ffffff1a;padding:.85rem 1rem;font-family:inherit;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a}body.light-mode .form-group input,body.light-mode .form-group select,body.light-mode .form-group textarea{background:#fff;border:1px solid #e2e8f0;box-shadow:inset 0 1px 2px #0000000d}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{background:#ffffff0d;border-color:#06b6d466}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);background:#06b6d40f;outline:none;transform:translateY(-1.5px);box-shadow:0 0 0 4px #06b6d426,inset 0 2px 4px #0000000d}.premium-input{color:var(--primary)!important;text-align:center!important;background:#06b6d40a!important;border-color:#06b6d480!important;font-size:1.1rem!important;font-weight:800!important}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:1rem;background-repeat:no-repeat;padding-left:2.5rem}[dir=rtl] .form-group select{background-position:1rem;padding-left:2.5rem;padding-right:1rem}.items-table{border-collapse:separate;border-spacing:0 .5rem;width:100%;margin-top:1rem}.items-table th{text-align:right;color:var(--text-dimmed);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.7rem;font-weight:800}.items-table td{vertical-align:middle;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff04;padding:.75rem 1rem}.items-table td:first-child{border-right:1px solid var(--border);border-top-right-radius:10px;border-bottom-right-radius:10px}.items-table td:last-child{border-left:1px solid var(--border);border-top-left-radius:10px;border-bottom-left-radius:10px}.items-table input,.items-table select{color:#fff;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;padding:.6rem;font-size:.85rem;transition:all .2s}.items-table input:focus,.items-table select:focus{border-color:var(--primary);background:#06b6d40d;outline:none}.form-group select option,select option{background:var(--surface-solid);color:var(--text)}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.modal-overlay{z-index:1000;background:#060a13e6;justify-content:center;align-items:center;padding:1.5rem;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius);background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow-card);flex-direction:column;max-height:90vh;animation:.2s ease-out scaleIn;display:flex;overflow:hidden}.modal-header{background:var(--background-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h2,.modal-header h3{color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.close-btn{color:var(--text-muted);transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;display:flex}.close-btn:hover{color:var(--error);background:#f43f5e1a}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:#ffffff04;justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem;display:flex}.text-primary{color:var(--primary)!important}.text-danger{color:var(--error)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-muted{color:var(--text-muted)!important}.text-center{text-align:center!important}.glass{background:var(--surface-solid);border:1px solid var(--border)}.shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff0a 50%,#0000 100%) 0 0/200% 100%;animation:2s infinite shimmer}