*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden;width:100%}:root{--primary-50:#f0fdf4;--primary-100:#dcfce7;--primary-200:#bbf7d0;--primary-300:#86efac;--primary-400:#4ade80;--primary-500:#22c55e;--primary-600:#16a34a;--primary-700:#15803d;--primary-800:#166534;--primary-900:#14532d;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f9fafb,#f0fdf4);background:linear-gradient(135deg,var(--gray-50) 0,var(--primary-50) 100%);color:#111827;color:var(--gray-900);font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;font-size:var(--font-size-base);line-height:1.6;min-height:100vh;position:relative;transition:all .3s ease}[dir=rtl]{direction:rtl}[dir=ltr]{direction:ltr}[dir=ltr] body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}[dir=rtl] body{font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100);border-radius:.5rem;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}.app{background:linear-gradient(135deg,#f9fafb,#f0fdf4);background:linear-gradient(135deg,var(--gray-50) 0,var(--primary-50) 100%);display:flex;min-height:100vh;position:relative}.app,.main-content{overflow-x:hidden;width:100%}.main-content{background:#0000;flex:1 1;min-width:0;padding:1.5rem;padding:var(--space-6);transition:all .3s ease}[dir=rtl] .main-content{margin-right:280px}[dir=ltr] .main-content{margin-left:280px}@media (max-width:768px){[dir=ltr] .main-content,[dir=rtl] .main-content{margin-left:0;margin-right:0;padding:1rem;padding:var(--space-4)}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-header{background:linear-gradient(135deg,#f9fafb,#f0fdf4);background:linear-gradient(135deg,var(--gray-50) 0,var(--primary-50) 100%);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);padding:1.5rem;padding:var(--space-6)}.card-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-2)}.card-subtitle{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm)}.card-body{padding:1.5rem;padding:var(--space-6)}.btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 8px #10b9814d;transform:translateY(0)}.btn-secondary{background:#fff;border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000000d;color:#6b7280}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;color:#374151;transform:translateY(-1px)}.btn-secondary:active{background:#f3f4f6;transform:translateY(0)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d;color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.btn-icon{aspect-ratio:1;border-radius:.75rem;min-width:44px;padding:.75rem}.btn-sm{font-size:.75rem;min-height:36px;padding:.5rem 1rem}.btn-icon.btn-sm{min-width:36px;padding:.5rem}.btn-lg{border-radius:1rem;font-size:1rem;min-height:52px;padding:1rem 2rem}.btn-loading{color:#0000!important;position:relative}.btn-loading:after{animation:spin 1s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;color:#fff;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.btn-group{align-items:center;display:flex;gap:.75rem}.btn-group.btn-group-vertical{align-items:stretch;flex-direction:column}@media (max-width:768px){.btn{font-size:1rem;min-height:48px;padding:.875rem 1.25rem}.btn-sm{font-size:.875rem;min-height:40px;padding:.625rem 1rem}.btn-lg{font-size:1.125rem;min-height:56px;padding:1.125rem 2rem}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%}}.btn-edit{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff}.btn-edit:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.btn-delete:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.btn-view{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf64d;color:#fff}.btn-view:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.form-section{margin-bottom:2rem}.form-section:last-child{margin-bottom:0}.section-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.form-group{display:flex;flex-direction:column}.form-label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-select{border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.75rem;transition:border-color .2s ease}.form-input:focus,.form-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}@media (max-width:768px){.form-grid{gap:1rem;grid-template-columns:1fr}.dialog-body,.dialog-footer,.dialog-header{padding:1rem}}.table-container{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);overflow:hidden}.table{border-collapse:collapse;width:100%}.table th{background:linear-gradient(135deg,#f9fafb,#f0fdf4);background:linear-gradient(135deg,var(--gray-50) 0,var(--primary-50) 100%);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);color:#1f2937;color:var(--gray-800);font-weight:700}.table td,.table th{font-size:.875rem;font-size:var(--font-size-sm);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);text-align:center}.table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100)}.table td.text-left{text-align:left}.table td.text-right{text-align:right}.table tbody tr{transition:background-color .2s ease}.table tbody tr:hover{background:#f0fdf4;background:var(--primary-50)}.status-badge{border-radius:.5rem;border-radius:var(--radius-md);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);text-transform:uppercase}.status-done{background:#10b981;background:var(--success);color:#fff}.status-pending{background:#f59e0b;background:var(--warning);color:#fff}.status-cancelled{background:#ef4444;background:var(--error);color:#fff}.stats-grid{grid-gap:1.5rem;grid-gap:var(--space-6);gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-8)}.metric-card,.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f0fdf4);background:linear-gradient(135deg,#fff 0,var(--primary-50) 100%);border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-card:before,.stat-card:before{background:linear-gradient(90deg,#22c55e,#4ade80);background:linear-gradient(90deg,var(--primary-500),var(--primary-400));content:"";height:4px;left:0;position:absolute;top:0;width:100%}.metric-card:hover,.stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-6px)}.metric-card .metric-icon,.stat-card .stat-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#4ade80);background:linear-gradient(135deg,var(--primary-500),var(--primary-400));border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;display:flex;height:60px;justify-content:center;margin-bottom:1rem;margin-bottom:var(--space-4);width:60px}.metric-content,.stat-content{flex:1 1}.metric-content h3,.stat-content h3{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;margin-bottom:var(--space-2);text-transform:uppercase}.metric-value,.stat-value{color:#111827;color:var(--gray-900);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:800;margin-bottom:.5rem;margin-bottom:var(--space-2)}.metric-change{align-items:center;display:flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;gap:.25rem;gap:var(--space-1)}.metric-change.positive{color:#10b981;color:var(--success)}.metric-change.negative{color:#ef4444;color:var(--error)}.dashboard{padding:1.5rem;padding:var(--space-6)}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f0fdf4);background:linear-gradient(135deg,#fff 0,var(--primary-50) 100%);border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin-bottom:2rem;margin-bottom:var(--space-8);padding:2rem;padding:var(--space-8)}.dashboard-header .header-content h1{color:#111827;color:var(--gray-900);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:800;margin-bottom:.5rem;margin-bottom:var(--space-2)}.dashboard-header .header-content p{color:#4b5563;color:var(--gray-600);font-size:1.125rem;font-size:var(--font-size-lg)}.header-date{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;gap:var(--space-2)}.charts-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.chart-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);overflow:hidden;transition:all .3s ease}.chart-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.chart-header{background:linear-gradient(135deg,#f9fafb,#f0fdf4);background:linear-gradient(135deg,var(--gray-50) 0,var(--primary-50) 100%);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1.5rem;padding:var(--space-6)}.chart-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-2)}.chart-subtitle{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm)}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.charts-grid,.stats-grid{gap:1rem;gap:var(--space-4)}.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard{padding:1rem;padding:var(--space-4)}.dashboard-header{padding:1.5rem;padding:var(--space-6);text-align:center}.dashboard-header .header-content h1{font-size:1.875rem;font-size:var(--font-size-3xl)}.stats-grid{gap:1rem;gap:var(--space-4);grid-template-columns:1fr}.metric-value,.stat-value{font-size:1.5rem;font-size:var(--font-size-2xl)}}@media (max-width:640px){.metric-card,.stat-card{padding:1rem;padding:var(--space-4)}.metric-card .metric-icon,.stat-card .stat-icon{height:48px;width:48px}.dashboard-header .header-content h1{font-size:1.5rem;font-size:var(--font-size-2xl)}}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-top:4px solid #22c55e;border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-500);height:40px;margin:0 auto 1rem;margin:0 auto var(--space-4);width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container,.loading-container{align-items:center;background:#fff;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:center;margin:1rem;margin:var(--space-4);min-height:60vh;padding:2rem;padding:var(--space-8);text-align:center}.error-container p,.loading-container p{color:#4b5563;color:var(--gray-600);font-size:1.125rem;font-size:var(--font-size-lg);margin-top:1rem;margin-top:var(--space-4)}.error-container p{color:#ef4444;color:var(--error);margin-bottom:1rem;margin-bottom:var(--space-4)}.fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f0fdf4);background:linear-gradient(135deg,#fff 0,var(--primary-50) 100%);border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:between;margin-bottom:2rem;margin-bottom:var(--space-8);padding:2rem;padding:var(--space-8)}.header-title h1{color:#111827;color:var(--gray-900);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:800;margin-bottom:.5rem;margin-bottom:var(--space-2)}.header-title p{color:#4b5563;color:var(--gray-600);font-size:1rem;font-size:var(--font-size-base)}.filters-section{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1.5rem;padding:var(--space-6)}.search-box{flex:1 1;min-width:300px;position:relative}.search-box svg{color:#9ca3af;color:var(--gray-400);position:absolute;right:1rem;right:var(--space-4);top:50%;transform:translateY(-50%)}.search-box input{padding-right:3rem;padding-right:var(--space-12)}.filters-row{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4)}.filter-select,.sort-select{min-width:150px}.actions-cell{display:flex;gap:.5rem;gap:var(--space-2);justify-content:center}@media (max-width:768px){.page-header{text-align:center}.filters-section,.page-header{align-items:stretch;flex-direction:column}.search-box{min-width:auto}.filters-row{justify-content:center}.table-container{overflow-x:auto}.actions-cell{flex-direction:column;gap:.25rem;gap:var(--space-1)}.btn-icon{justify-content:center;width:100%}}.dialog-overlay{align-items:center;animation:overlayFadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes overlayFadeIn{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1}}.dialog-content{animation:dialogSlideIn .3s ease-out;background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes dialogSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.order-form-dialog{max-width:600px}@media (max-width:768px){.dialog-overlay{align-items:flex-end;padding:0}.dialog-content{animation:mobileSlideUp .3s ease-out;border-radius:1rem 1rem 0 0;max-height:85vh;max-width:100%;width:100%}@keyframes mobileSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.dialog-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.dialog-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.dialog-close{background:#f3f4f6;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s ease}.dialog-close:hover{background:#e5e7eb;color:#374151}.dialog-body{padding:1.5rem}.dialog-footer{background:#fafafa;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.dialog-footer .btn-group{margin-left:auto}@media (max-width:480px){.dialog-footer{flex-direction:column-reverse;gap:.5rem}.dialog-footer .btn{order:1;width:100%}.dialog-footer .btn-primary{order:0}}.analytics,.reports,.settings{max-width:100%;overflow-x:hidden;padding:.5rem;padding:var(--space-2)}.analytics-header,.reports-header,.settings-header{align-items:flex-start;background:linear-gradient(135deg,#fff,#f0fdf4);background:linear-gradient(135deg,#fff 0,var(--primary-50) 100%);border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-8);padding:2rem;padding:var(--space-8)}.header-title{flex:1 1;min-width:250px}.header-actions{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3)}.date-filter-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1.5rem;padding:var(--space-6)}.date-filter{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4)}.date-filter input{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.date-filter input,.date-filter label{font-size:.875rem;font-size:var(--font-size-sm)}.date-filter label{color:#374151;color:var(--gray-700);font-weight:600;white-space:nowrap}.settings-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:280px 1fr;margin:0 auto;max-width:1200px}.settings-nav{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;height:fit-content;padding:1.5rem;position:sticky;top:2rem}.settings-nav h3{border-bottom:2px solid #f3f4f6;color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem}.nav-item{align-items:center;background:#0000;border:none;border-radius:.75rem;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-bottom:.5rem;overflow:hidden;padding:.875rem 1rem;position:relative;text-align:right;transition:all .2s ease;width:100%}.nav-item:before{background:#10b981;content:"";height:100%;position:absolute;right:0;top:0;transform:scaleY(0);transition:transform .2s ease;width:4px}.nav-item:hover{background:#f8fafc;color:#374151;transform:translateX(-4px)}.nav-item:hover:before{transform:scaleY(1)}.nav-item.active{background:linear-gradient(135deg,#ecfdf5,#d1fae5);box-shadow:0 2px 8px #10b98126;color:#059669;font-weight:600}.nav-item.active:before{transform:scaleY(1)}.nav-item svg{flex-shrink:0;transition:transform .2s ease}.nav-item.active svg,.nav-item:hover svg{transform:scale(1.1)}.nav-item span{flex:1 1}.settings-content{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;min-height:600px;padding:2rem}.settings-section{max-width:600px}.settings-section h2{border-bottom:3px solid #f3f4f6;color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 2rem;padding-bottom:1rem;position:relative}.settings-section h2:after{background:linear-gradient(135deg,#10b981,#059669);border-radius:2px;bottom:-3px;content:"";height:3px;position:absolute;right:0;width:60px}.settings-group{margin-bottom:2rem}.settings-group:last-child{margin-bottom:0}.settings-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.toggle-setting{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;display:flex;justify-content:space-between;padding:1.25rem;transition:all .2s ease}.toggle-setting:hover{background:#f1f5f9;border-color:#cbd5e0}.toggle-info{flex:1 1;margin-left:1rem}.toggle-info label{color:#1f2937;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:.25rem}.toggle-info p{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.toggle{display:inline-block;flex-shrink:0;height:34px;position:relative;width:60px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e0;border-radius:34px;bottom:0;box-shadow:inset 0 2px 4px #0000001a;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:.3s ease}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:26px;left:4px;width:26px}.toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 0 2px #10b98133}.toggle input:checked+.toggle-slider:before{box-shadow:0 2px 8px #0000004d;transform:translateX(26px)}@media (max-width:1024px){.settings-container{gap:1.5rem;grid-template-columns:240px 1fr}.settings-nav{padding:1rem}.nav-item{font-size:.8rem;padding:.75rem}.nav-item svg{height:18px;width:18px}}@media (max-width:768px){.settings-container{gap:1rem;grid-template-columns:1fr}.settings-nav{border-radius:.75rem;display:flex;gap:.5rem;overflow-x:auto;padding:1rem;position:static}.settings-nav h3{display:none}.nav-item{flex-shrink:0;margin-bottom:0;min-width:fit-content;padding:.75rem 1rem;white-space:nowrap}.nav-item span{display:none}.nav-item svg{margin:0}.settings-content{padding:1.5rem}.toggle-setting{align-items:flex-start;flex-direction:column;gap:1rem}.toggle-info{margin-left:0;text-align:center}.toggle{align-self:center}}@media (max-width:480px){.settings-content{padding:1rem}.settings-section h2{font-size:1.25rem}.toggle-setting{padding:1rem}}#root{max-width:100vw;overflow-x:hidden;width:100%}.analytics,.app-container,.customers,.dashboard,.main-content,.orders,.reports,.settings{box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}@media (max-width:768px){body{max-width:100vw;overflow-x:hidden!important;width:100vw}.app{overflow-x:hidden}.main-content{max-width:100%;overflow-x:hidden;padding:1rem;padding:var(--space-4);width:100%}.table-container{-webkit-overflow-scrolling:touch;border-radius:.75rem;border-radius:var(--radius-lg);margin:0;max-width:100%;overflow-x:auto;width:100%}.table{min-width:600px;width:100%}.charts-grid,.items-grid,.performance-grid,.stats-grid,.summary-grid{gap:1rem!important;gap:var(--space-4)!important;grid-template-columns:1fr!important;max-width:100%;width:100%}.chart-card,.item-card,.metric-card,.performance-card,.summary-card{margin:0;max-width:100%;width:100%}.form-grid{gap:1rem;gap:var(--space-4);grid-template-columns:1fr!important}.dialog-overlay{padding:.5rem;padding:var(--space-2)}.dialog-content{margin:0;max-height:95vh;max-width:calc(100vw - 2rem);width:100%}.analytics-header,.dashboard-header,.page-header{flex-direction:column;gap:1rem;gap:var(--space-4);text-align:center}.header-actions{flex-direction:column;gap:.5rem;gap:var(--space-2);width:100%}.header-actions .btn{justify-content:center;width:100%}.filters-section{flex-direction:column;gap:.75rem;gap:var(--space-3)}.search-box{width:100%}.filters-row{flex-direction:column;gap:.5rem;gap:var(--space-2)}.sort-select{width:100%}.date-filter{align-items:stretch;flex-direction:column;gap:.5rem;gap:var(--space-2)}.date-filter input{width:100%}.report-tabs{flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.tab-button{flex:1 1;justify-content:center;min-width:calc(50% - .25rem);min-width:calc(50% - var(--space-1))}.sidebar{transform:translateX(100%);width:280px}.sidebar.open{transform:translateX(0)}.chart-card .recharts-wrapper{width:100%!important}.metric-value{font-size:1.25rem!important;font-size:var(--font-size-xl)!important}.chart-title{font-size:1rem!important;font-size:var(--font-size-base)!important}.card-title{font-size:1.125rem!important;font-size:var(--font-size-lg)!important}.btn{font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.form-input,.form-select{font-size:16px}*{box-sizing:border-box!important;max-width:100vw!important}.recharts-surface,.recharts-wrapper{max-width:100%!important;overflow:hidden!important}.chart-card>div{max-width:100%!important;width:100%!important}code,pre{word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:pre-wrap!important}img{height:auto!important;max-width:100%!important}.dialog-content,.dropdown-menu,.tooltip{left:1rem!important;max-width:calc(100vw - 2rem)!important;right:1rem!important}.table-container{border-radius:0!important}.card,.chart-card,.metric-card,.table-container{margin-left:0!important;margin-right:0!important}.sidebar-overlay{max-width:100vw!important;width:100vw!important}}@media (max-width:1024px) and (min-width:769px){.charts-grid,.stats-grid{gap:1rem;gap:var(--space-4);grid-template-columns:repeat(2,1fr)!important}.main-content{padding:1.5rem;padding:var(--space-6)}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:480px){.main-content{padding:.5rem!important;padding:var(--space-2)!important}.page-header h1{font-size:1.25rem!important;font-size:var(--font-size-xl)!important}.metric-value{font-size:1.125rem!important;font-size:var(--font-size-lg)!important}.btn{font-size:.75rem!important;font-size:var(--font-size-xs)!important;padding:.5rem .75rem!important;padding:var(--space-2) var(--space-3)!important}}.dialog-overlay.active{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000a6}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.dialog-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dialog-overlay.active{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.dialog-overlay{background:#000c}.dialog-overlay.active{background:#000000d9}}.dialog-overlay{transform:translateZ(0);will-change:backdrop-filter}@media (max-width:768px){.dialog-overlay{backdrop-filter:blur(6px) saturate(150%);-webkit-backdrop-filter:blur(6px) saturate(150%);background:#000000bf}.dialog-overlay.active{backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);background:#000c}}.info-section{margin-bottom:2rem}.form-display{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;font-size:1rem;padding:.75rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-content{flex:1 1}.stat-value{color:#1f2937;font-size:1.25rem;margin-bottom:.25rem}.stat-label{color:#6b7280}.orders-list{display:flex;flex-direction:column;gap:.75rem}.order-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.order-item:hover{background:#f1f5f9;border-color:#cbd5e1}.order-info{display:flex;flex-direction:column;gap:.25rem}.order-number{color:#059669;font-weight:600}.order-date{color:#6b7280;font-size:.875rem}.order-details{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.order-type{color:#6b7280;font-size:.875rem}.order-amount{color:#1f2937;font-weight:600}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.order-item{align-items:flex-start;flex-direction:column;gap:.75rem}.order-details{align-items:flex-start;width:100%}}.report-tabs{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--space-6);overflow-x:auto;padding:1rem;padding:var(--space-4)}.report-tabs,.tab-button{display:flex;gap:.5rem;gap:var(--space-2)}.tab-button{align-items:center;background:#f9fafb;background:var(--gray-50);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:#f3f4f6;background:var(--gray-100);color:#111827;color:var(--gray-900)}.tab-button.active{background:#22c55e;background:var(--primary-500);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.report-content{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--space-8)}.report-section{margin-bottom:2rem;margin-bottom:var(--space-8)}.report-section h3{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);color:#111827;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;padding-bottom:.75rem;padding-bottom:var(--space-3)}.report-section h3,.summary-grid{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.summary-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--space-6);text-align:center;transition:all .2s ease}.summary-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-card .summary-icon{align-items:center;background:#22c55e;background:var(--primary-500);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;height:48px;justify-content:center;margin:0 auto 1rem;margin:0 auto var(--space-4);width:48px}.summary-card .summary-value{color:#111827;color:var(--gray-900);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-2)}.summary-card .summary-label{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm)}.items-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem;margin-bottom:var(--space-6)}.item-card{background:linear-gradient(135deg,#fff,#f0fdf4);background:linear-gradient(135deg,#fff 0,var(--primary-50) 100%);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative;transition:all .3s ease}.item-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.item-card:before{background:linear-gradient(90deg,#22c55e,#4ade80);background:linear-gradient(90deg,var(--primary-500),var(--primary-400));content:"";height:4px;left:0;position:absolute;top:0;width:100%}.item-rank{align-items:center;background:#22c55e;background:var(--primary-500);border-radius:50%;color:#fff;display:inline-flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;height:40px;justify-content:center;margin-bottom:1rem;margin-bottom:var(--space-4);width:40px}.item-info{flex:1 1}.item-name{color:#111827;color:var(--gray-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;line-height:1.4;margin-bottom:1rem;margin-bottom:var(--space-4)}.item-stats{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.stat-item{align-items:center;background:#ffffffb3;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.5rem;padding:var(--space-2)}.stat-label{color:#4b5563;color:var(--gray-600);font-weight:500}.stat-label,.stat-value{font-size:.875rem;font-size:var(--font-size-sm)}.stat-value{color:#111827;color:var(--gray-900);font-weight:700}.performance-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem;margin-bottom:var(--space-6)}.performance-card{align-items:flex-start;background:linear-gradient(135deg,#fff,#f9fafb);background:linear-gradient(135deg,#fff 0,var(--gray-50) 100%);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;gap:1rem;gap:var(--space-4);padding:1.5rem;padding:var(--space-6);transition:all .3s ease}.performance-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.performance-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.performance-content{flex:1 1}.performance-content h4{color:#111827;color:var(--gray-900);font-size:1rem;font-size:var(--font-size-base);font-weight:600;line-height:1.4;margin-bottom:.75rem;margin-bottom:var(--space-3)}.performance-value{color:#16a34a;color:var(--primary-600);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:800;margin-bottom:.5rem;margin-bottom:var(--space-2)}.performance-desc{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.no-data{background:#f9fafb;background:var(--gray-50);border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:.75rem;border-radius:var(--radius-lg);padding:2rem;padding:var(--space-8);text-align:center}.no-data p{color:#6b7280;color:var(--gray-500);font-size:1.125rem;font-size:var(--font-size-lg);margin:0}.language-toggle{align-items:center;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-700);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-2);justify-content:center;min-width:80px;padding:var(--space-2) var(--space-3);transition:all .2s ease}.language-toggle:hover{background:var(--gray-50);border-color:var(--primary-400);box-shadow:var(--shadow-sm);color:var(--primary-600);transform:translateY(-1px)}.language-toggle:active{transform:translateY(0)}.language-toggle.small{font-size:var(--font-size-xs);min-width:60px;padding:var(--space-1) var(--space-2)}.language-toggle.large{font-size:var(--font-size-base);min-width:100px;padding:var(--space-3) var(--space-4)}.language-text{white-space:nowrap}.language-toggle.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#fff}.language-toggle.header:hover{background:#fff3;border-color:#ffffff4d}.language-toggle.sidebar{background:#ffffff1a;border:1px solid #ffffff26;color:#ffffffe6;justify-content:center;width:100%}.language-toggle.sidebar:hover{background:#fff3;color:#fff;transform:translateX(-4px)}.logo-section .language-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;color:#fff;font-weight:600;max-width:120px;width:100%}.logo-section .language-toggle:hover{background:#ffffff40;border-color:#fff6;color:#fff;transform:translateY(-2px)}[dir=rtl] .language-toggle.sidebar:hover{transform:translateX(4px)}@media (max-width:768px){.language-toggle{min-width:50px;padding:var(--space-2)}.language-toggle.small{min-width:40px;padding:var(--space-1)}.language-text{display:none}}