*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f7fc;direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app{display:flex;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column}.page-content{background-color:#f4f7fc;flex:1 1;padding:24px}.header{align-items:center;background:#fff;border-radius:0 0 20px 20px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 24px}.header-title h1{color:#1e293b;font-size:1.6rem;font-weight:600}.header-info{align-items:center;display:flex;gap:24px}.date{background:#eef2ff;color:#1e40af;font-size:.85rem}.date,.user{border-radius:30px;padding:6px 14px}.user{align-items:center;background:#f8fafc;cursor:default;display:flex;gap:8px}.user-icon{font-size:1.2rem}.dashboard{animation:fadeIn .3s ease}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border-radius:24px;box-shadow:0 8px 20px #0000000d;display:flex;gap:18px;padding:20px;transition:transform .2s}.stat-card:hover{transform:translateY(-4px)}.stat-icon{align-items:center;background-color:#f0f9ff;border-radius:28px;display:flex;font-size:1.8rem;height:56px;justify-content:center;width:56px}.stat-info h3{color:#64748b;font-size:.9rem;font-weight:500;margin-bottom:6px}.stat-info p{color:#0f172a;font-size:1.6rem;font-weight:700;margin:0}.tables-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.table-container{background:#fff;border-radius:24px;box-shadow:0 8px 20px #0000000d;overflow:hidden;padding:0 0 16px}.table-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:18px 24px}.table-title{color:#1e293b;font-size:1.1rem;font-weight:600}.more-link{color:#3b82f6;cursor:pointer;font-size:.8rem}.more-link:hover{text-decoration:underline}.data-table{border-collapse:collapse;width:100%}.data-table th{background-color:#f8fafc;color:#334155;font-size:.85rem;font-weight:500;padding:12px 24px;text-align:right}.data-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:12px 24px}.data-table tr:hover td{background-color:#fef9e3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.purchase-invoices{background:#fff;border-radius:24px;box-shadow:0 8px 20px #0000000d;padding:24px}.invoices-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.btn-manage-columns{background:#f1f5f9;border:none;border-radius:30px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background .2s}.btn-manage-columns:hover{background:#e2e8f0}.invoices-table{border-collapse:collapse;width:100%}.invoices-table th{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;color:#334155;font-weight:600;padding:12px 16px;text-align:right}.invoices-table td{border-bottom:1px solid #f1f5f9;padding:12px 16px;vertical-align:middle}.actions-cell{display:flex;gap:8px}.actions-cell button{background:none;border:none;border-radius:8px;cursor:pointer;font-size:1.2rem;padding:6px;transition:background .2s}.actions-cell button:hover{background:#f1f5f9}.editing-row{background-color:#fefce8}.inline-edit-row td{background-color:#fef9e3;padding:0}.inline-edit-form{background:#fefce8;border-top:1px solid #fde047;padding:20px}.items-editor{margin-bottom:16px}.items-table td,.items-table th{border:1px solid #e2e8f0;padding:8px;text-align:right}.items-table input{border:1px solid #cbd5e1;border-radius:6px;padding:6px}.add-item{background:#3b82f6;border-radius:20px;padding:6px 12px}.remove-item{font-size:1rem}.cancel-btn,.save-btn{border-radius:30px}.modal-overlay{background:#00000080}.modal-content{border-radius:24px;max-width:800px;padding:20px;width:80%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.close-modal{background:none;font-size:1.4rem}.invoice-info{background:#f8fafc;border-radius:12px;margin-bottom:20px;padding:12px}.items-table-view td,.items-table-view th{border-bottom:1px solid #e2e8f0;padding:8px;text-align:right}.column-manager{max-width:500px}.columns-list{list-style:none;padding:0}.columns-list li{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:8px 0}.move-buttons button{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;margin:0 4px;padding:4px 8px}.move-buttons button:disabled{cursor:not-allowed;opacity:.3}.modal-footer{gap:12px;margin-top:20px;padding-top:12px}.apply-btn{background:#3b82f6;border:none;border-radius:30px;color:#fff;cursor:pointer;padding:8px 20px}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:32px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.view-modal .modal-header{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);border-bottom:none;border-radius:32px 32px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.view-modal .modal-header h3{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:10px;margin:0}.header-icon{font-size:1.6rem}.close-modal{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:background .2s;width:32px}.close-modal:hover{background:#ffffff4d}.modal-body{padding:24px 28px}.invoice-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 2px 4px #00000005;margin-bottom:32px;padding:20px}.summary-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.summary-row:last-child{margin-bottom:0}.summary-item{align-items:baseline;display:flex;flex:1 1;font-size:1rem;gap:8px;min-width:200px}.item-label{background:#eef2ff;border-radius:20px;color:#475569;font-size:.85rem;font-weight:600;padding:4px 12px}.item-value{color:#1e293b;font-weight:500}.total-amount .item-value{background:#d1fae5;border-radius:20px;color:#10b981;font-size:1.2rem;font-weight:700;padding:4px 12px}.items-section h4{align-items:center;border-right:4px solid #3b82f6;color:#1e293b;display:flex;font-size:1.2rem;gap:8px;margin-bottom:16px;padding-right:12px}.section-icon{font-size:1.2rem}.items-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow-x:auto}.items-table-view{border-collapse:collapse;font-size:.9rem;width:100%}.items-table-view th{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#334155;font-weight:600;padding:12px 16px;text-align:right}.items-table-view td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:12px 16px}.items-table-view tr:hover td{background-color:#fef9e3}.total-cell{color:#3b82f6}tfoot tr{background:#f8fafc;font-weight:600}tfoot td{border-top:2px solid #e2e8f0;padding:12px 16px}.footer-label{color:#334155;font-weight:600;text-align:left}.footer-total{color:#10b981;font-size:1.1rem;font-weight:700}.modal-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:20px 28px}.close-btn{background:#f1f5f9;border:none;border-radius:40px;color:#334155;cursor:pointer;font-size:.9rem;padding:10px 24px;transition:all .2s}.close-btn:hover{background:#e2e8f0;transform:scale(1.02)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.inline-edit-form{background:linear-gradient(135deg,#fef9e3,#fff7e6);border-radius:16px;margin-top:8px;padding:24px}.form-section{margin-bottom:24px}.form-section h4{border-right:3px solid #f59e0b;color:#b45309;font-size:1rem;margin-bottom:12px;padding-right:10px}.main-fields{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.field-group{flex:1 1;min-width:180px}.field-group label{color:#92400e;display:block;font-size:.8rem;font-weight:600;margin-bottom:6px}.field-group input{background:#fff;border:1px solid #fed7aa;border-radius:12px;font-size:.9rem;padding:8px 12px;transition:all .2s;width:100%}.field-group input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.disabled-input{background-color:#fef3c7;color:#78350f;cursor:not-allowed}.items-editor{overflow-x:auto}.items-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;width:100%}.items-table th{background:#fffbeb;border-bottom:1px solid #fed7aa;color:#b45309;font-size:.85rem;padding:10px 12px}.items-table td{border-bottom:1px solid #ffedd5;padding:8px 12px;vertical-align:middle}.items-table input{border:1px solid #fed7aa;border-radius:8px;font-size:.85rem;padding:6px 10px;width:100%}.total-cell{color:#d97706;font-weight:500}.remove-item{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.1rem;transition:transform .1s}.remove-item:hover{transform:scale(1.1)}.add-item{align-items:center;background:#f59e0b;border:none;border-radius:30px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;gap:6px;margin-top:12px;padding:6px 16px;transition:background .2s}.add-item:hover{background:#d97706}.form-actions{border-top:1px solid #fed7aa;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.cancel-btn,.save-btn{border:none;border-radius:40px;cursor:pointer;font-weight:500;padding:8px 20px;transition:all .2s}.save-btn{background:#10b981;color:#fff}.save-btn:hover{background:#059669;transform:translateY(-1px)}.cancel-btn{background:#e2e8f0;color:#334155}.cancel-btn:hover{background:#cbd5e1}












.sidebar{background:linear-gradient(180deg,#1e293b,#0f172a);box-shadow:4px 0 20px #0000001a;color:#e2e8f0;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:sticky;top:0;transition:all .3s ease;width:280px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#334155}.sidebar::-webkit-scrollbar-thumb{background:#64748b;border-radius:3px}.sidebar-logo{align-items:center;background:#0003;border-bottom:1px solid #334155;display:flex;font-size:1.4rem;font-weight:700;gap:12px;padding:28px 24px}.logo-icon{font-size:2rem}.sidebar-menu{flex:1 1;list-style:none;margin:0;padding:16px 12px}.menu-item{align-items:center;border-radius:14px;cursor:pointer;display:flex;font-weight:500;gap:14px;margin:4px 0;padding:12px 16px;position:relative;transition:all .2s ease}.menu-item:hover{background-color:#334155;transform:translateX(-4px)}.menu-icon{font-size:1.3rem;text-align:center;width:32px}.submenu-arrow{font-size:.7rem;margin-right:auto;transition:transform .2s}.submenu{list-style:none;margin:4px 0 8px;padding-right:48px}.submenu li{align-items:center;border-radius:12px;color:#cbd5e1;cursor:pointer;display:flex;font-size:.9rem;gap:14px;margin:2px 0;padding:10px 16px;transition:all .2s}.submenu li:hover{background-color:#334155;color:#fff;transform:translateX(-4px)}.submenu .menu-icon{font-size:1.1rem;width:28px}.menu-item.active,.submenu li.active{background-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.menu-item.active .menu-icon,.submenu li.active .menu-icon{color:#fff}@media (max-width:768px){.sidebar{transition:width .3s;width:70px;z-index:1000}.sidebar .menu-item span:not(.menu-icon),.sidebar .sidebar-logo span:not(.logo-icon),.sidebar .submenu span:not(.menu-icon),.sidebar .submenu-arrow{display:none}.sidebar .menu-item,.sidebar .submenu li{justify-content:center;padding:12px}.sidebar .menu-icon{margin:0}.sidebar .submenu{padding-right:0}}.purchase-create{animation:fadeIn .3s ease;background:#fff;border-radius:24px;box-shadow:0 8px 20px #0000000d;padding:24px}.purchase-create h2{align-items:center;border-bottom:2px solid #e2e8f0;color:#1e293b;display:flex;font-size:1.4rem;gap:10px;margin-bottom:24px;padding-bottom:12px}.purchase-create h2:before{content:"✏️";font-size:1.5rem}.purchase-create form{gap:20px}.form-group,.purchase-create form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#334155;font-size:.85rem;font-weight:600}.form-group input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:.9rem;padding:10px 14px;transition:all .2s}.form-group input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-item-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;margin:8px 0;padding:20px}.add-item-section h3{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:16px}.add-item-section h3:before{content:"➕";font-size:1rem}.item-inputs{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr auto}.item-inputs input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:.9rem;padding:10px 12px;transition:all .2s}.item-inputs input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.item-inputs input[type=number]{-moz-appearance:textfield}.item-inputs input[type=number]::-webkit-inner-spin-button,.item-inputs input[type=number]::-webkit-outer-spin-button{opacity:.5}.item-inputs button{align-items:center;background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;height:42px;padding:10px 20px;transition:all .2s}.item-inputs button:hover{background:#2563eb;transform:translateY(-2px)}.items-table{border:1px solid #e2e8f0;border-radius:16px;margin-top:24px;overflow-x:auto}.items-table h3{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:16px;padding:0 4px}.items-table h3:before{content:"📋"}.items-table table{border-collapse:collapse;font-size:.85rem;width:100%}.items-table th{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#334155;font-weight:600;padding:12px 14px;text-align:center}.items-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:10px 14px;text-align:center}.items-table tr:hover td{background-color:#fef9e3}.items-table tfoot tr{background:#f8fafc}.items-table tfoot td{background:#f8fafc;border-top:1px solid #e2e8f0;font-weight:600}.items-table tfoot td:last-child{color:#10b981;font-size:1rem}.items-table button{background:none;border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;padding:6px;transition:all .2s}.items-table button:hover{background:#fee2e2;transform:scale(1.05)}.submit-btn{align-items:center;background:#10b981;border:none;border-radius:40px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-top:16px;padding:14px 28px;transition:all .2s}.submit-btn:hover{background:#059669;box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}@media (max-width:768px){.purchase-create{padding:16px}.item-inputs{gap:10px;grid-template-columns:1fr}.item-inputs button{justify-content:center}.items-table td,.items-table th{font-size:.75rem;padding:8px 10px}.submit-btn{font-size:.9rem;padding:12px 20px}}@keyframes fadeInRow{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.items-table tbody tr{animation:fadeInRow .2s ease}
/*# sourceMappingURL=main.07f7546e.css.map*/