@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;500;600;700&display=swap";:root{--brand-gold: #242f65;--brand-black: #000000;--brand-white: #FFFFFF;--brand-pink: #D60E8B;--primary-50: #fdf8f3;--primary-100: #fbeee3;--primary-500: #242f65;--primary-600: #b8844a;--secondary-50: #fdf2f8;--secondary-500: #D60E8B;--secondary-600: #be185d;--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}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Assistant,Inter,system-ui,sans-serif;background-color:var(--gray-50);color:var(--gray-900);direction:rtl;text-align:right;line-height:1.6}#app,.min-h-screen{min-height:100vh}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-y-8>*+*{margin-top:2rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-2>*+*{margin-top:.5rem}.space-x-4>*+*{margin-right:1rem}.space-x-reverse>*+*{margin-right:1rem;margin-left:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-6{gap:1.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.w-full{width:100%}.w-64{width:16rem}.w-10{width:2.5rem}.w-16{width:4rem}.h-16{height:4rem}.h-10{height:2.5rem}.h-8{height:2rem}.h-6{height:1.5rem}.h-5{height:1.25rem}.h-4{height:1rem}.max-w-md{max-width:28rem}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.right-0{right:0}.bottom-0{bottom:0}.z-40{z-index:40}.z-50{z-index:50}.block{display:block}.inline-flex{display:inline-flex}.hidden{display:none}.text-center{text-align:center}.text-right{text-align:right}.text-xl{font-size:1.25rem}.text-3xl{font-size:1.875rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-white{color:#fff}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-900{color:var(--gray-900)}.text-red-600{color:#dc2626}.bg-white{background-color:#fff}.bg-gray-50{background-color:var(--gray-50)}.bg-black{background-color:#000}.border{border:1px solid var(--gray-200)}.border-t{border-top:1px solid var(--gray-200)}.border-b{border-bottom:1px solid var(--gray-200)}.border-l-4{border-left:4px solid}.border-red-300{border-color:#fca5a5}.border-gray-200{border-color:var(--gray-200)}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-primary{background-color:var(--brand-gold);color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--brand-pink);color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:var(--secondary-600)}.btn-outline{border:2px solid var(--brand-gold);color:var(--brand-gold);background:transparent;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s}.btn-outline:hover{background-color:var(--brand-gold);color:#fff}.card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid var(--gray-200);padding:1.5rem}.card-header{border-bottom:1px solid var(--gray-200);padding-bottom:1rem;margin-bottom:1rem}.form-input{display:block;width:100%;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:.5rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--brand-gold);box-shadow:0 0 0 3px #c69a5d1a}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--primary-50),var(--secondary-50))}.transition-colors{transition:color .2s,background-color .2s}.transition-transform{transition:transform .3s ease-in-out}.transform{transform:translate(0)}.-translate-x-full{transform:translate(100%)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 1024px){.lg\\:translate-x-0{transform:translate(0)}.lg\\:pr-64{padding-right:16rem}.lg\\:hidden{display:none}}.sidebar-link{display:flex;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;transition:all .2s;text-decoration:none;color:var(--gray-700)}.sidebar-link:hover{background-color:var(--gray-50);color:var(--brand-gold)}.sidebar-link.active{background-color:var(--primary-50);color:var(--brand-gold);border-right:4px solid var(--brand-gold)}.sidebar-link svg{width:1.25rem;height:1.25rem;margin-left:.75rem}.status-pending{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#fef3c7;color:#92400e}.status-approved{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#dbeafe;color:#1e40af}.status-in-progress{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#d60e8b1a;color:var(--brand-pink)}.status-completed{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#dcfce7;color:#166534}.status-cancelled{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#fee2e2;color:#991b1b}.priority-low{color:var(--gray-500)}.priority-medium{color:var(--brand-gold)}.priority-high{color:#ea580c}.priority-urgent{color:var(--brand-pink)}.file-upload-area{border:2px dashed var(--gray-300);border-radius:.5rem;padding:2rem;text-align:center;transition:border-color .2s,background-color .2s}.file-upload-area:hover{border-color:var(--brand-gold);background-color:var(--primary-50)}.file-upload-area.dragover{border-color:var(--brand-gold);background-color:var(--primary-100)}.price-summary{background:linear-gradient(135deg,var(--primary-50) 0%,var(--secondary-50) 100%);border:1px solid var(--primary-200)}.customer-card-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:.5rem;padding:.75rem;box-shadow:0 4px 6px -1px #0000001a}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input.success{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}@media (max-width: 768px){.grid-cols-1{grid-template-columns:1fr}.md\\:grid-cols-2{grid-template-columns:1fr}.md\\:grid-cols-3{grid-template-columns:1fr}}@media (min-width: 768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.order-header{background:linear-gradient(135deg,var(--primary-50) 0%,var(--secondary-50) 100%);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.order-status-badge{font-size:.875rem;font-weight:600;padding:.5rem 1rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.timeline-item{position:relative;padding-bottom:2rem}.timeline-item:not(:last-child):after{content:"";position:absolute;top:2rem;right:1rem;width:2px;height:calc(100% - 2rem);background-color:var(--gray-200)}.timeline-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;border:4px solid white;box-shadow:0 0 0 1px var(--gray-200)}.attachment-item{display:flex;align-items:center;padding:.75rem;background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:.5rem;margin-bottom:.5rem;transition:background-color .2s}.quick-actions .btn{width:100%;justify-content:flex-start;margin-bottom:.5rem}.quick-actions .btn:last-child{margin-bottom:0}@media print{.no-print{display:none!important}.print-only{display:block!important}.card{box-shadow:none!important;border:1px solid #ccc!important;page-break-inside:avoid}.grid{display:block!important}.lg\\:col-span-2{width:100%!important}}@media (max-width: 1024px){.order-details-grid{grid-template-columns:1fr}.order-sidebar{order:-1}}@media (max-width: 768px){.order-header{flex-direction:column;align-items:flex-start;gap:1rem}.order-header-actions{flex-direction:column;width:100%;gap:.5rem}.quick-info-grid{grid-template-columns:1fr}}.task-card{border:1px solid var(--gray-200);border-radius:.5rem;padding:1rem;background:#fff;transition:box-shadow .2s}.task-card:hover{box-shadow:0 4px 6px -1px #0000001a}.task-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}.task-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--gray-500);margin-top:.75rem}.customer-card-display{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;border-radius:.5rem;padding:.75rem;display:flex;align-items:center;gap:.5rem}.customer-card-display .icon{color:#059669;width:1.25rem;height:1.25rem}.customer-card-text{color:#064e3b;font-weight:500;font-size:.875rem}.customer-card-discount{color:#047857;font-size:.75rem}.task-priority-indicator{width:4px;height:100%;position:absolute;left:0;top:0;border-radius:0 2px 2px 0}.task-priority-low .task-priority-indicator{background-color:var(--gray-400)}.task-priority-medium .task-priority-indicator{background-color:var(--brand-gold)}.task-priority-high .task-priority-indicator{background-color:#ea580c}.task-priority-urgent .task-priority-indicator{background-color:var(--brand-pink)}.due-date-overdue{color:#dc2626;font-weight:600}.due-date-soon{color:#ea580c;font-weight:500}.due-date-upcoming{color:#d97706}.task-stat-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--gray-200);transition:transform .2s,box-shadow .2s}.task-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.task-stat-icon{width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.task-stat-number{font-size:1.5rem;font-weight:700;line-height:1.2}.task-stat-label{font-size:.875rem;font-weight:500;color:var(--gray-500)}.task-filters{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--gray-200);margin-bottom:1.5rem}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.task-row{position:relative;transition:background-color .2s}.task-row:hover{background-color:var(--gray-50)}.task-title{font-weight:500;color:var(--gray-900);margin-bottom:.25rem}.task-description{font-size:.875rem;color:var(--gray-500);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--gray-500)}.task-meta-item{display:flex;align-items:center;gap:.25rem}.task-modal{max-width:48rem;width:100%}.task-modal .modal-header{border-bottom:1px solid var(--gray-200);padding-bottom:1rem;margin-bottom:1.5rem}.task-info-card{background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:.5rem;padding:1rem}.task-related-order{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:.5rem;padding:1rem}.task-completion-notes{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:.5rem;padding:1rem}.attachment-list{display:flex;flex-direction:column;gap:.5rem}.attachment-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:.5rem;transition:background-color .2s}.attachment-item:hover{background-color:var(--gray-100)}.attachment-info{display:flex;align-items:center;gap:.5rem}.attachment-icon{width:1.25rem;height:1.25rem;color:var(--gray-400)}.attachment-name{font-size:.875rem;font-weight:500;color:var(--gray-900)}.attachment-size{font-size:.75rem;color:var(--gray-500)}.attachment-download{color:var(--brand-gold);transition:color .2s}.attachment-download:hover{color:var(--primary-600)}@media (max-width: 768px){.task-filters{padding:1rem}.filter-grid{grid-template-columns:1fr;gap:.75rem}.task-table{font-size:.875rem}.task-modal{margin:1rem;max-width:calc(100vw - 2rem)}.task-stat-card{padding:1rem}.task-stat-number{font-size:1.25rem}}@media print{.task-filters,.task-actions,.btn,button{display:none!important}.task-table{font-size:.875rem}.task-stat-card{box-shadow:none!important;border:1px solid #ccc!important}}.user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500;color:#fff;background:linear-gradient(135deg,var(--brand-gold) 0%,var(--primary-600) 100%)}.user-avatar.large{width:4rem;height:4rem;font-size:1.125rem}.user-avatar.xl{width:5rem;height:5rem;font-size:1.25rem}.role-admin{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #f87171}.role-secretary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #60a5fa}.role-manager{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed;border:1px solid #a78bfa}.role-employee{background:linear-gradient(135deg,#f9fafb,#f3f4f6);color:#374151;border:1px solid #9ca3af}.status-active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid #86efac}.status-inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #f87171}.user-stat-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--gray-200);transition:transform .2s,box-shadow .2s}.user-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.permission-card{padding:1rem;border-radius:.5rem;border:1px solid;margin-bottom:.75rem}.permission-card.admin{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.permission-card.secretary{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.permission-card.manager{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#c4b5fd}.permission-card.employee{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#d1d5db}.password-strength{display:flex;gap:.25rem;margin-top:.5rem}.password-strength-bar{height:.5rem;flex:1;border-radius:.25rem;background-color:var(--gray-200);transition:background-color .2s}.password-strength-bar.active{background-color:currentColor}.password-strength.weak{color:#ef4444}.password-strength.medium{color:#f59e0b}.password-strength.strong{color:#10b981}.user-details-section{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--gray-200);margin-bottom:1.5rem}.user-details-section:last-child{margin-bottom:0}.user-contact-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0}.user-contact-icon{width:1rem;height:1rem;color:var(--brand-gold)}.user-activity-timeline{position:relative;padding-left:1.5rem}.user-activity-timeline:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:var(--gray-200)}.user-activity-item{position:relative;padding-bottom:1rem}.user-activity-item:before{content:"";position:absolute;left:-.25rem;top:.25rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--brand-gold);border:2px solid white;box-shadow:0 0 0 1px var(--gray-200)}.users-table-row{transition:background-color .2s}.users-table-row:hover{background-color:var(--gray-50)}.user-table-actions{display:flex;align-items:center;gap:.5rem}.user-action-btn{padding:.25rem;border-radius:.25rem;transition:all .2s;color:var(--gray-500)}.user-action-btn:hover{background-color:var(--gray-100);transform:scale(1.1)}.user-action-btn.edit{color:#3b82f6}.user-action-btn.delete{color:#ef4444}.user-action-btn.toggle{color:#10b981}.user-action-btn.toggle.inactive{color:#ef4444}@media (max-width: 768px){.user-stat-card{padding:1rem}.user-avatar.large{width:3rem;height:3rem;font-size:1rem}.user-details-section{padding:1rem}.users-table{font-size:.875rem}.user-table-actions{flex-direction:column;gap:.25rem}}@media print{.user-action-btn,.btn,button{display:none!important}.user-stat-card{box-shadow:none!important;border:1px solid #ccc!important}.users-table{font-size:.875rem}}.user-loading{opacity:.6;pointer-events:none}.user-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}