@font-face{font-family:Bahij Helvetica;src:url(/assets/fonts/Bahij-Helvetica-Neue-Roman.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--font-family-en: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-rtl: "Bahij Helvetica", "Tahoma", "Arial", sans-serif}:root{--primary-50: #ecfdf5;--primary-100: #d1fae5;--primary-200: #a7f3d0;--primary-300: #6ee7b7;--primary-400: #34d399;--primary-500: #10b981;--primary-600: #059669;--primary-700: #047857;--primary-800: #065f46;--primary-900: #064e3b;--menu-bg: rgba(6, 78, 59, .12);--menu-bg-hover: rgba(6, 78, 59, .2);--menu-active: linear-gradient(135deg, #065f46, #047857);--menu-border: rgba(6, 78, 59, .15);--menu-text: #065f46;--menu-text-hover: #047857;--secondary-50: #f0fdf4;--secondary-100: #dcfce7;--secondary-200: #bbf7d0;--secondary-300: #86efac;--secondary-400: #4ade80;--secondary-500: #22c55e;--secondary-600: #16a34a;--secondary-700: #15803d;--secondary-800: #166534;--secondary-900: #14532d;--gold-50: #fffbeb;--gold-100: #fef3c7;--gold-200: #fde68a;--gold-300: #fcd34d;--gold-400: #fbbf24;--gold-500: #f59e0b;--gold-600: #d97706;--gold-700: #b45309;--gradient-primary: linear-gradient(135deg, #065f46, #047857, #059669);--gradient-secondary: linear-gradient(135deg, #14532d, #166534, #15803d);--gradient-gold: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);--gradient-menu: linear-gradient(135deg, #064e3b, #065f46, #047857);--gradient-hero: linear-gradient(135deg, #064e3b 0%, #065f46 30%, #14532d 70%, #166534 100%);--glass-bg: rgba(6, 78, 59, .06);--glass-border: rgba(6, 78, 59, .1);--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--info: #3b82f6;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-3xl: 2.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(6, 78, 59, .06);--shadow-md: 0 4px 12px rgba(6, 78, 59, .08);--shadow-lg: 0 10px 30px rgba(6, 78, 59, .1);--shadow-xl: 0 20px 60px rgba(6, 78, 59, .15);--shadow-2xl: 0 30px 80px rgba(6, 78, 59, .2);--shadow-glow: 0 0 40px rgba(6, 78, 59, .15);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Playfair Display", serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);color:var(--gray-800);background:var(--gray-50);line-height:1.6;margin:0;padding:0;overflow:hidden;height:100vh;height:100dvh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--primary-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-500)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #064e3b33}50%{box-shadow:0 0 40px #064e3b66}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-up{animation:fadeSlideUp .6s ease forwards}.animate-fade-in{animation:fadeSlideIn .5s ease forwards}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.text-muted{color:var(--gray-500)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-primary{color:var(--primary-600)}.text-gold{color:var(--gold-500)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.premium-card{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(6,78,59,.08);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-base)}.premium-card:hover{box-shadow:var(--shadow-lg);border-color:#064e3b26}.premium-card .card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid rgba(6,78,59,.06);background:#064e3b08}.premium-card .card-header h2,.premium-card .card-header h3{font-size:1rem;font-weight:700;color:var(--gray-800);margin:0}.premium-card .card-header p{font-size:.8rem;color:var(--gray-400);margin:2px 0 0}.premium-card .card-body{padding:var(--spacing-5)}.btn-premium{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:0 var(--spacing-5);min-height:40px;border:none;border-radius:var(--radius-full);font-family:var(--font-family);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition-spring);text-decoration:none;white-space:nowrap}.btn-premium:disabled{opacity:.5;cursor:not-allowed}.btn-premium.primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-premium.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-premium.secondary{background:#fffc;color:var(--gray-700);border:1px solid var(--gray-200);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-premium.secondary:hover:not(:disabled){background:#fff;border-color:var(--primary-300);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-premium.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:var(--shadow-sm)}.btn-premium.danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-premium.gold{background:var(--gradient-gold);color:#fff;box-shadow:var(--shadow-sm)}.btn-premium.gold:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-premium.ghost{background:transparent;color:var(--gray-600)}.btn-premium.ghost:hover:not(:disabled){background:#064e3b0f;color:var(--primary-700)}.btn-premium.sm{min-height:32px;padding:0 var(--spacing-3);font-size:.75rem}.btn-premium.lg{min-height:48px;padding:0 var(--spacing-6);font-size:1rem}.btn-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:0 var(--spacing-4);min-height:36px;min-width:60px;border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition-base);text-decoration:none;white-space:nowrap}.btn-action+.btn-action{margin-left:var(--spacing-2)}.btn-action.edit{background:#064e3b14;color:var(--primary-700)}.btn-action.edit:hover:not(:disabled){background:#064e3b26;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-action.edit i{font-size:14px}.btn-action.delete{background:#ef444414;color:var(--error)}.btn-action.delete:hover:not(:disabled){background:#ef444426;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-action.delete i{font-size:14px}.btn-action:disabled{opacity:.4;cursor:not-allowed}.btn-action.sm{min-height:30px;min-width:50px;padding:0 var(--spacing-3);font-size:.7rem}.btn-action.sm i{font-size:12px}.btn-action.lg{min-height:42px;min-width:80px;padding:0 var(--spacing-5);font-size:.9rem}.btn-action.lg i{font-size:16px}.badge-premium{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:2px 12px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;line-height:1.5;letter-spacing:.3px}.badge-premium.success{background:#064e3b14;color:var(--primary-700)}.badge-premium.danger{background:#ef444414;color:var(--error)}.badge-premium.warning{background:#f59e0b14;color:var(--gold-700)}.badge-premium.gold{background:#f59e0b1f;color:var(--gold-700);border:1px solid rgba(245,158,11,.15)}.badge-premium.primary{background:#064e3b14;color:var(--primary-600)}.form-premium .form-group{display:flex;flex-direction:column;gap:var(--spacing-1);margin-bottom:var(--spacing-4)}.form-premium .form-group label{font-size:.8rem;font-weight:600;color:var(--gray-700)}.form-premium .form-group label .required{color:var(--error);margin-left:2px}.form-premium .form-group input,.form-premium .form-group select,.form-premium .form-group textarea{height:44px;padding:0 var(--spacing-4);border:1px solid var(--gray-200);border-radius:var(--radius-md);outline:none;font-size:.875rem;font-family:var(--font-family);color:var(--gray-800);background:#fff;transition:var(--transition-base)}.form-premium .form-group input:focus,.form-premium .form-group select:focus,.form-premium .form-group textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #064e3b1a}.form-premium .form-group input::placeholder,.form-premium .form-group select::placeholder,.form-premium .form-group textarea::placeholder{color:var(--gray-400)}.form-premium .form-group input.error,.form-premium .form-group select.error,.form-premium .form-group textarea.error{border-color:var(--error);box-shadow:0 0 0 3px #ef444414}.form-premium .form-group textarea{height:auto;min-height:80px;padding:var(--spacing-3) var(--spacing-4);resize:vertical}.form-premium .form-group select{appearance:none;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='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;padding-right:var(--spacing-8);cursor:pointer}.form-premium .form-group .field-error{font-size:.75rem;color:var(--error);display:flex;align-items:center;gap:var(--spacing-1)}.form-premium .form-group .field-hint{font-size:.75rem;color:var(--gray-400)}.form-premium .form-grid{display:grid;gap:var(--spacing-4)}.form-premium .form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-premium .form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-premium .form-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:768px){.form-premium .form-grid.cols-2,.form-premium .form-grid.cols-3,.form-premium .form-grid.cols-4{grid-template-columns:1fr}}.form-premium .form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid rgba(6,78,59,.06)}.form-premium .form-actions.start{justify-content:flex-start}.form-premium .form-actions.between{justify-content:space-between}.form-premium .form-actions.stacked{flex-direction:column}.form-premium .form-actions.stacked .btn-premium{width:100%;justify-content:center}.form-premium .form-check{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:.875rem;color:var(--gray-700)}.form-premium .form-check input[type=checkbox],.form-premium .form-check input[type=radio]{width:18px;height:18px;accent-color:var(--primary-600);cursor:pointer}.form-premium .form-check:hover{color:var(--gray-800)}.table-premium{width:100%;border-collapse:collapse}.table-premium thead{background:#064e3b0a}.table-premium th{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);white-space:nowrap}.table-premium td{padding:var(--spacing-3) var(--spacing-4);font-size:.875rem;color:var(--gray-700);border-bottom:1px solid rgba(6,78,59,.04);vertical-align:middle}.table-premium tbody tr{transition:var(--transition-fast)}.table-premium tbody tr:hover{background:#064e3b0a}.table-premium tbody tr:last-child td{border-bottom:none}.table-wrap{width:100%;overflow-x:auto}.alert-premium{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-2);font-size:.875rem;margin-bottom:var(--spacing-3)}.alert-premium.success{background:#064e3b0f;border:1px solid rgba(6,78,59,.12);color:var(--primary-700)}.alert-premium.error{background:#ef44440f;border:1px solid rgba(239,68,68,.12);color:var(--error)}.alert-premium.warning{background:#f59e0b0f;border:1px solid rgba(245,158,11,.12);color:var(--gold-700)}.alert-premium.info{background:#3b82f60f;border:1px solid rgba(59,130,246,.12);color:var(--secondary-700)}.search-premium{display:flex;align-items:center;gap:var(--spacing-2);padding:0 var(--spacing-3);height:40px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-full);transition:var(--transition-base)}.search-premium:focus-within{border-color:var(--primary-400);box-shadow:0 0 0 3px #064e3b14}.search-premium i{color:var(--gray-400);font-size:14px}.search-premium input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-family);font-size:.875rem;color:var(--gray-700)}.search-premium input::placeholder{color:var(--gray-400)}.empty-state{padding:var(--spacing-12) var(--spacing-5);text-align:center}.empty-state .empty-icon{font-size:3rem;color:var(--gray-300);margin-bottom:var(--spacing-4)}.empty-state .empty-title{font-size:1.125rem;font-weight:700;color:var(--gray-700)}.empty-state .empty-description{font-size:.875rem;color:var(--gray-400);margin-top:var(--spacing-1)}.state{padding:var(--spacing-10) var(--spacing-5);text-align:center;color:var(--gray-500);font-size:.875rem}.state i{margin-right:var(--spacing-2)}@media(min-width:1440px){.app-content{padding:var(--spacing-8) var(--spacing-12)}.stats-grid{gap:var(--spacing-6)}.stat-card{padding:var(--spacing-6) var(--spacing-5)}.stat-value{font-size:2rem}.content-grid{gap:var(--spacing-8)}.form-grid.cols-2{gap:var(--spacing-5)}.premium-card .card-body{padding:var(--spacing-6)}}@media(max-width:1439px)and (min-width:1025px){.app-content{padding:var(--spacing-6)}.stats-grid,.content-grid{gap:var(--spacing-5)}}@media(max-width:1024px){.app-content{padding:var(--spacing-5)}.page,.dashboard{max-width:100%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-4)}.stat-card{padding:var(--spacing-4);min-height:120px}.stat-value{font-size:1.5rem}.charts-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.content-grid{grid-template-columns:1fr;gap:var(--spacing-5)}.form-card{position:static}.form-grid.cols-2,.form-grid.cols-3,.form-grid.cols-4{grid-template-columns:1fr}.filters-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.filter-actions{grid-column:1/-1;flex-direction:row}}@media(max-width:768px){.app-header{height:64px;padding:0 var(--spacing-4)}.app-sidebar{width:200px;padding:var(--spacing-3) var(--spacing-2)}.app-content{padding:var(--spacing-4)}.brand-subtitle,.user-info{display:none}.brand-name{font-size:1rem}.brand-icon{width:36px;height:36px;font-size:18px}.nav-item{min-height:36px;font-size:.8rem;padding:0 var(--spacing-2)}.logout-btn{padding:6px 12px;font-size:.7rem}.page-header{flex-direction:column;gap:var(--spacing-2)}.page-header h1{font-size:1.5rem}.page-header p{font-size:.875rem}.stats-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.stat-card{padding:var(--spacing-3);min-height:100px}.stat-value{font-size:1.25rem}.stat-label{font-size:.75rem}.stat-icon{width:36px;height:36px;font-size:16px;margin-bottom:var(--spacing-2)}.table-premium th,.table-premium td{padding:var(--spacing-2) var(--spacing-3);font-size:.8rem}.table-premium th{font-size:.65rem}.form-premium .form-group{margin-bottom:var(--spacing-3)}.form-premium .form-group label{font-size:.75rem}.form-premium .form-group input,.form-premium .form-group select,.form-premium .form-group textarea{height:38px;font-size:.8rem;padding:0 var(--spacing-3)}.form-actions{flex-wrap:wrap}.form-actions .btn-premium{flex:1;justify-content:center;min-width:100px}.search-row{flex-wrap:wrap;padding:var(--spacing-3)}.search-premium{flex-basis:100%}.filters-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.filter-actions .btn-premium{width:100%;justify-content:center}.premium-card .card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4)}.premium-card .card-body{padding:var(--spacing-3)}.items-table-wrap{overflow-x:auto}.items-table{min-width:800px}.purchase-footer{flex-direction:column;gap:var(--spacing-4);align-items:stretch}.purchase-footer .grand-total{justify-content:space-between}.purchase-footer .actions{flex-direction:column}.purchase-footer .actions .btn-premium{width:100%;justify-content:center}.login-card-premium{padding:var(--spacing-6) var(--spacing-4)}.login-brand .brand-icon{width:44px;height:44px;font-size:22px}.login-brand .brand-text h1,.login-header-text h2{font-size:1.25rem}}@media(max-width:480px){.app-sidebar{width:170px}.app-content{padding:var(--spacing-3)}.brand-name{font-size:.9rem}.brand-icon{width:32px;height:32px;font-size:16px}.module-title{font-size:.55rem}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.stat-card{min-height:90px;padding:var(--spacing-3)}.stat-value{font-size:1.1rem}.page-header h1{font-size:1.25rem}.table-premium th,.table-premium td{padding:var(--spacing-1) var(--spacing-2);font-size:.7rem}.table-premium th{font-size:.6rem}.btn-premium{min-height:32px;font-size:.75rem;padding:0 var(--spacing-2)}.btn-premium.sm{min-height:28px;font-size:.65rem;padding:0 var(--spacing-2)}.premium-card .card-header h2{font-size:.9rem}.premium-card .card-header p{font-size:.7rem}.premium-card .card-body{padding:var(--spacing-2)}.login-card-premium{padding:var(--spacing-4) var(--spacing-3)}.login-brand .brand-icon{width:36px;height:36px;font-size:18px}.login-brand .brand-text h1{font-size:1rem}.login-header-text h2{font-size:1.1rem}.login-field .input-wrap input{height:38px;font-size:.8rem}.login-btn{height:42px;font-size:.9rem}.items-table{min-width:650px}.items-table select,.items-table input{min-height:28px;font-size:.7rem;padding:0 var(--spacing-1)}.items-table th,.items-table td{padding:var(--spacing-1)}.movements-table{min-width:700px}.suppliers-table,.purchase-history-table{min-width:600px}}@media(max-width:768px){.btn-action{min-height:32px;min-width:50px;padding:0 var(--spacing-3);font-size:.7rem}.btn-action i{font-size:12px}.btn-action.lg{min-height:38px;min-width:70px;padding:0 var(--spacing-4);font-size:.8rem}}@media(max-width:480px){.btn-action{min-height:28px;min-width:40px;padding:0 var(--spacing-2);font-size:.65rem}.btn-action i{font-size:10px}.btn-action.lg{min-height:34px;min-width:60px;padding:0 var(--spacing-3);font-size:.7rem}}html[dir=rtl] body,body[dir=rtl] body,html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] textarea,html[dir=rtl] button,html[dir=rtl] .btn-premium,html[dir=rtl] .btn-action,body[dir=rtl] input,body[dir=rtl] select,body[dir=rtl] textarea,body[dir=rtl] button,body[dir=rtl] .btn-premium,body[dir=rtl] .btn-action{font-family:var(--font-family-rtl)}html[dir=rtl] .app-body,body[dir=rtl] .app-body{flex-direction:row-reverse}html[dir=rtl] .table-premium th,html[dir=rtl] .table-premium td,body[dir=rtl] .table-premium th,body[dir=rtl] .table-premium td{text-align:right}html[dir=rtl] .page-header,html[dir=rtl] .brand,html[dir=rtl] .user-area,html[dir=rtl] .form-actions,body[dir=rtl] .page-header,body[dir=rtl] .brand,body[dir=rtl] .user-area,body[dir=rtl] .form-actions{flex-direction:row-reverse}html[dir=rtl] .fa-arrow-right:before,body[dir=rtl] .fa-arrow-right:before{content:"\f060"}html[dir=rtl] .fa-arrow-left:before,body[dir=rtl] .fa-arrow-left:before{content:"\f061"}html[dir=rtl] .fa-chevron-right:before,body[dir=rtl] .fa-chevron-right:before{content:"\f053"}html[dir=rtl] .fa-chevron-left:before,body[dir=rtl] .fa-chevron-left:before{content:"\f054"}html[dir=rtl] select,body[dir=rtl] select{background-position:left var(--spacing-3) center;padding-right:var(--spacing-4);padding-left:var(--spacing-8)}html[dir=rtl] .app-sidebar,body[dir=rtl] .app-sidebar{border-right:none;border-left:1px solid var(--menu-border)}html[dir=rtl] .nav-item.active:after,body[dir=rtl] .nav-item.active:after{right:auto;left:-8px}html{font-size:clamp(13px,.7vw + 4px,16px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}