@font-face{font-family:Almarai;font-style:normal;font-weight:300;src:url(/fonts/almarai/Almarai-Light.ttf)format("truetype")}@font-face{font-family:Almarai;font-style:normal;font-weight:400;src:url(/fonts/almarai/Almarai-Regular.ttf)format("truetype")}@font-face{font-family:Almarai;font-style:normal;font-weight:700;src:url(/fonts/almarai/Almarai-Bold.ttf)format("truetype")}@font-face{font-family:Almarai;font-style:normal;font-weight:800;src:url(/fonts/almarai/Almarai-ExtraBold.ttf)format("truetype")}@font-face{font-family:El Messiri;font-style:normal;font-weight:400;src:url(/fonts/el-messiri/ElMessiri-Regular.ttf)format("truetype")}@font-face{font-family:El Messiri;font-style:normal;font-weight:500;src:url(/fonts/el-messiri/ElMessiri-Medium.ttf)format("truetype")}@font-face{font-family:El Messiri;font-style:normal;font-weight:600;src:url(/fonts/el-messiri/ElMessiri-SemiBold.ttf)format("truetype")}@font-face{font-family:El Messiri;font-style:normal;font-weight:700;src:url(/fonts/el-messiri/ElMessiri-Bold.ttf)format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:200;src:url(/fonts/tajawal/Tajawal-ExtraLight.ttf)format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:300;src:url(/fonts/tajawal/Tajawal-Light.ttf)format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;src:url(/fonts/tajawal/Tajawal-Regular.ttf)format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;src:url(/fonts/tajawal/Tajawal-Medium.ttf)format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;src:url(/fonts/tajawal/Tajawal-Bold.ttf)format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;src:url(/fonts/tajawal/Tajawal-ExtraBold.ttf)format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:900;src:url(/fonts/tajawal/Tajawal-Black.ttf)format("truetype")}.default-font{font-family:Varela Round,sans-serif}.roboto-font{font-family:Roboto,sans-serif}.times-font{font-family:Times New Roman,serif}.kufi-font{font-family:Kufi,sans-serif}.tajawal-font{font-family:Tajawal,sans-serif}.almarai-font{font-family:Almarai,sans-serif}.messiri-font{font-family:El Messiri,serif}.changa-font{font-family:Changa,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{direction:rtl;background-image:url(/Images/background/bg-1.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;max-width:100vw;min-height:100vh;margin:0;padding:0;overflow-x:hidden}li{list-style:none}a{color:inherit;text-decoration:none}button{outline:none!important}.justify-between{justify-content:space-between!important}.navSpacing{width:100vw;min-height:calc(100vh - 60px);padding-top:60px;padding-left:10px;padding-right:10px}.container{width:85vw}input{background-color:#fff!important}select{color:#000;appearance:none;cursor:pointer;background-color:#fff;background-image:url(/icons/arrow-down.svg);background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid #c3c8cf;border-radius:.375rem;width:100%;padding:.5rem 1rem}option{background-color:#fff}.mh-200{min-height:200px!important;overflow-y:auto!important}.mh-200 input{height:40px!important}.mh-200 .item-list-group-2{height:155px!important}.border-foucs{border:2px solid #696969!important}.name-machine{justify-content:center;height:40px;display:flex}.mt--2{margin-top:-2rem}.btn-search{color:#fff;cursor:pointer;background-color:#5cec7b;border:none;border-radius:5px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:1rem;font-weight:600;transition:all .3s ease-in-out;display:flex;box-shadow:1px 4px 10px #00000026}.btn-search svg{scale:.45}.btn-search:hover{background-color:#259d45;box-shadow:1px 4px 10px #00000040;color:#fff!important}@media (min-width:576px){.modal-lg-dialog{margin:1.75rem auto;max-width:1200px!important}.modal-md-dialog{max-width:800px!important}}.table>:not(caption)>*>*{border-bottom-width:1px!important}.table>:not(caption)>*>* input{padding:.5rem!important}.cursor-pointer{cursor:pointer!important}.btn-bg-color{content:"";border:none;border-radius:10px;justify-content:center;align-items:center;width:30px;height:52px;margin:0 auto 1rem;padding:.25rem;transition:all .3s ease-in-out;display:flex;color:#fff!important}.btn-bg-color:hover{border:2px solid #3a3a3a}.btn-bg-color-active{border:2px solid #212121!important}.form-control-tabel{width:100%;height:100%;border:none!important}.form-control-tabel:focus{border:none!important;outline:none!important}.tabel-items-warehouse{display:flex}.tabel-items-warehouse-checkbox{width:10%}.tabel-items-warehouse label{text-align:center;width:60%;font-size:14px!important}.tabel-items-warehouse-input{color:#000;text-align:center;border:1px solid #00000026;border-radius:5px;width:37%}.dropdown-warehouses{position:relative;min-width:150px!important}.dropdown-warehouses button{color:#000;border:none;justify-content:space-around;align-items:center;width:100%;font-size:14px;display:flex;background-color:#0000!important}.dropdown-warehouses button span{justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.dropdown-warehouses button span svg{scale:.4}.dropdown-warehouses button:focus{background-color:#00000026;border:none;outline:none}.dropdown-warehouses-content{z-index:99;background-color:#fff;border-radius:5px;width:100%;padding:.5rem;position:absolute;top:40px;left:0;box-shadow:1px 4px 10px #00000026}.dropdown-warehouses-content .tabel-items-warehouse{border-top:1px solid #00000080;margin:.25rem auto;padding:.25rem}.dropdown-warehouses-content label{white-space:nowrap;margin:auto .25rem!important}.dropdown-warehouses-content input{width:46px!important;height:32px!important;margin:auto .25rem!important}.dropdown-warehouses-content select{font-size:14px;border-radius:5px!important;width:100px!important;height:32px!important;margin:auto .25rem!important}.dropdown-sell-unit{position:relative}.dropdown-sell-unit button{color:#000;border:none;justify-content:space-around;align-items:center;width:100%;font-size:14px;display:flex;background-color:#0000!important}.dropdown-sell-unit button span{justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.dropdown-sell-unit button span svg{scale:.4}.dropdown-sell-unit button:focus{background-color:#00000026;border:none;outline:none}.dropdown-sell-unit-content{z-index:99;background-color:#fff;border-radius:5px;width:100%;padding:.5rem;position:absolute;top:40px;left:0;box-shadow:1px 4px 10px #00000026}.dropdown-sell-unit-content .tabel-items-warehouse{border-top:1px solid #00000080;margin:.25rem auto;padding:.25rem}.dropdown-sell-unit-content label{white-space:nowrap;margin:auto .25rem!important;font-size:16px!important}.dropdown-sell-unit-content input{width:46px!important;height:32px!important;margin:auto .25rem!important}.dropdown-sell-unit-content select{font-size:14px;border-radius:5px!important;width:100px!important;height:32px!important;margin:auto .25rem!important}.min-height-400{min-height:400px!important}.sell-invoice-footer .row{margin:auto 0!important}.invoice{width:800px;margin:0 auto;font-family:Arial,sans-serif}.invoice .header h2{color:#000;border-bottom:1px solid #00000080;margin-top:0;padding:0 1rem 1rem;font-size:24px}.invoice .header p{color:#000;margin:8px 0;font-size:14px}.invoice .body{border-bottom:1px solid #000}.invoice .body table{border-collapse:collapse;width:100%}.invoice .body table th,.invoice .body table td{text-align:center;border-left:1px solid #000;border-right:1px solid #000;margin:0;padding-top:12px;padding-left:12px;padding-right:12px}.invoice .body table th{color:#000;font-weight:600}.invoice .body table td{color:#000;font-weight:400}.invoice .footer .footer-row{margin:0 10px 10px;display:flex}.invoice .footer .footer-row span{color:#000;margin-right:10px;font-size:16px}.invoice .footer .footer-row span:last-child{font-weight:600}.invoice .invoice-item-warehouse{border:1px solid #000;border-radius:5px;padding:2px;white-space:nowrap!important;width:100%!important;margin:.1rem!important}.btn-delete-item-invoice{color:#ff8282;background-color:#ffc5c5;border:none;border-radius:10px;justify-content:center;align-items:center;width:28px;height:28px;padding-bottom:3px;font-size:22px;font-weight:700;transition:all .3s ease-in-out;display:flex}.btn-delete-item-invoice:hover{color:#ff5a5a;background-color:#ffa4a4}.btn-delete-item-invoice:focus{overflow:hidden;border:none!important;outline:none!important}.tabel-items-warehouse-btn{color:#fff;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:140px;padding:.25rem;font-size:14px;transition:all .3s ease-in-out;display:flex;background-color:#37d158!important;border:none!important;margin:.5rem auto!important}.tabel-items-warehouse-btn:hover{color:#fff!important;background-color:#1d7e37!important}.white-space-nowrap{white-space:nowrap}.MuiPagination-outlined{background-color:#0000!important}.invoice-title{border:1px solid #000;padding:5px}.invoice-des{border:1px solid #000;padding:2px 15px}.h-50{align-items:center;display:flex;height:50px!important}.invoice-type{border:none;margin:auto 2rem;font-size:22px;font-weight:700}.font-boild-18{font-weight:600;font-size:20px!important}.drop-down-sell-invoice .dropdown-center button{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;display:flex!important}.drop-down-sell-invoice .dropdown-center ul{padding:0!important}.drop-down-sell-invoice .dropdown-center ul li{border-bottom:1px solid #eef2fa;justify-content:center;align-items:center;padding:.05rem;display:flex}.h-note{height:24px!important}.bottom-border{border-bottom:1px solid #000!important}.operations-dropdown button{color:#334155;cursor:pointer;background-color:#f8f9fa;border:none;border-radius:.5rem;align-items:center;gap:.25rem;margin:5px;padding:.5rem 1rem;font-size:.9rem;transition:background-color .3s ease-in-out;display:flex}.operations-dropdown button:hover{background-color:#e9ecef}.operations-dropdown .operations-menu{background-color:#fff;border-radius:.5rem;margin-top:.25rem;padding:.5rem 0;box-shadow:0 .5rem 1rem #0000001a}.operations-dropdown .operations-menu li .dropdown-item{color:#334155;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.operations-dropdown .operations-menu li .dropdown-item:hover{background-color:#f1f3f5}.tab-panel{transition:opacity .22s,visibility .22s,transform .22s}.tab-panel.inactive{height:0!important;overflow:hidden!important}.tab-panel.active{opacity:1;visibility:visible;pointer-events:auto;height:auto;position:relative;transform:none}.invoice-cards-container{grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:2rem;display:grid}.w-80mm{width:80mm!important}.pointer-events-painted{pointer-events:painted!important;cursor:pointer!important}.invoice-card{background:var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#dee2e6);cursor:pointer;border-radius:.5rem;transition:all .3s;overflow:hidden;box-shadow:0 2px 4px #0000001a}.card-preview{background:#f8f9fa;justify-content:center;align-items:center;height:250px;padding:1.5rem;display:flex}.invoice-preview{background:#fff;border-radius:.375rem;width:100%;max-width:200px;padding:1rem;transform:scale(.8);box-shadow:0 2px 8px #0000001a}.preview-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.preview-logo{background:var(--bs-primary,#0d6efd);opacity:.8;border-radius:.25rem;width:30px;height:20px}.table-row.header .cell{background:0 0;height:auto;font-weight:600}.total-line{background:var(--bs-success,#198754);opacity:.8;border-radius:.125rem;width:60%;height:8px;margin-left:auto}.small-header{text-align:center;margin-bottom:.5rem}.small-logo{background:var(--bs-primary,#0d6efd);border-radius:.125rem;width:20px;height:12px;margin:0 auto .25rem}.small-total{background:var(--bs-success,#198754);border-radius:.125rem;width:70%;height:6px;margin:.25rem auto 0}.card-title{color:var(--bs-dark,#212529);text-align:center;border-top:1px solid var(--bs-border-color,#dee2e6);background:var(--bs-light,#f8f9fa);margin:0;padding:1rem;font-size:1.1rem;font-weight:600}.invoice-edit-layout{direction:rtl;gap:20px;margin:20px 0;font-family:Arial,sans-serif;display:flex}.properties-panel{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;height:fit-content;padding:16px;position:sticky;top:20px}.invoice-edit-content{flex:1;min-width:0}.elements-panel{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;height:fit-content;padding:16px;position:sticky;top:20px}.tab-button{color:#6c757d;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:6px;padding:10px 16px;font-size:14px;transition:all .2s;display:flex}.tab-button:hover{color:#6baa27;background-color:#f8f9fa}.tab-button-active{font-weight:600;color:#6baa27!important;border-bottom-color:#6baa27!important}.element-button{color:#495057;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:12px 8px;font-size:13px;transition:all .2s;display:flex}.element-button:hover{color:#6baa27;background:#f8fff0;border-color:#6baa27;transform:translateY(-1px)}.file-input-label{color:#6c757d;cursor:pointer;background:#fff;border:2px dashed #dee2e6;border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.delete-button,.reset-button{color:#dc3545;cursor:pointer;background:#fff;border:1px solid #dc3545;border-radius:6px;align-items:center;gap:6px;margin-bottom:8px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.reset-button{color:#856404;border-color:#ffc107;width:100%}.delete-button:hover,.reset-button:hover{background:#f8d7da;transform:translateY(-1px)}.layers-container{max-height:500px;overflow-y:auto}.layer-group-title{color:#495057;border-bottom:1px solid #e9ecef;align-items:center;gap:6px;margin-bottom:8px;padding:8px 0;font-size:14px;font-weight:600;display:flex}.layer-item{border-radius:4px;margin-bottom:4px;transition:all .2s}.layer-item:hover{background-color:#f0f0f0}.layer-item-selected{border:1px solid #6baa27;background-color:#e8f5e8!important}.layer-item-content{justify-content:space-between;align-items:center;padding:8px;display:flex}.layer-icon{color:#6baa27;align-items:center;display:flex}.layer-name{color:#333;font-size:13px}.lock-icon{color:#ffc107;margin-right:4px}.layer-action-btn{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.layer-action-btn:hover{color:#495057;background:#e9ecef}.layer-action-btn.delete-btn:hover,.users .layer-action-btn.edit-btn:hover{color:#dc3545;background:#f8d7da}.invoice-container.editing-mode{background:#fdfdfd;border:2px dashed #6baa27;border-radius:8px;padding:10px}.invoice-page{border-radius:8px;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.element-indicator{color:#fff;z-index:1000;background:#6baa27;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:flex;position:absolute;top:-25px;left:0}.indicator-icon{width:12px;height:12px}.form-group{margin-bottom:12px}.form-control{border:1px solid #ced4da;border-radius:4px;width:100%;padding:8px 10px;font-size:13px;transition:border-color .15s ease-in-out}.form-select{cursor:pointer;background-color:#fff;border:1px solid #ced4da;border-radius:4px;width:100%;padding:8px 10px;font-size:13px}.color-input-container{align-items:center;gap:8px;display:flex}.color-input{cursor:pointer;border:1px solid #ced4da;border-radius:4px;width:40px;height:32px;padding:0}.input-group{gap:8px;display:flex}.input-group .form-control{flex:1}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.opacity-50{opacity:.5}.text-element,.rectangle-element,.line-element,.image-container{transition:all .2s}.editing-mode .text-element:hover,.editing-mode .rectangle-element:hover,.editing-mode .line-element:hover,.editing-mode .image-container:hover{outline-offset:2px;outline:2px solid #6baa2780}.form-control:focus,.property-input:focus,.property-select:focus,.property-color:focus,input[type=range]:focus,textarea:focus{border-color:#6baa27!important;outline:0!important;box-shadow:0 0 0 .2rem #6baa2740!important}.alignment-button:focus{outline-offset:2px!important;outline:2px solid #6baa27!important}.property-input,.property-select,.property-color{transition:all .15s ease-in-out}input[type=range]{appearance:none;background:#e9ecef;border-radius:3px;outline:none;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#6baa27;border-radius:50%;width:18px;height:18px;transition:all .2s}input[type=range]::-webkit-slider-thumb:hover{background:#5a9023;transform:scale(1.1)}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #6baa274d}.file-input-label:focus-within{color:#6baa27!important;background:#f8fff0!important;border-color:#6baa27!important}.layer-action-btn:focus{outline-offset:2px;outline:2px solid #6baa27}.tab-button:focus{outline-offset:-2px;outline:2px solid #6baa27}.glass{-webkit-backdrop-filter:url(#frosted);cursor:pointer;z-index:99999999;background:#ffffff14;border:2px solid #0000;border-radius:50%;outline:0;justify-content:center;place-items:center;transition:all .3s;display:flex;box-shadow:0 0 0 2px #fff9,0 16px 32px #0000001f}.glass:hover{box-shadow:0 0 0 2px #fffc,0 16px 32px #00000038}.glass:focus{border:none;outline:none}.glass .icon{color:#222;opacity:.9}.glass .iconsvg{justify-content:center;align-items:center;display:flex}.glass .text{color:#222;margin-top:1rem;font-size:1.2rem;font-weight:500}.print-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #10b98133,0 1px 3px #0000001a}.print-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.print-btn:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 4px 20px #10b9814d,0 2px 8px #00000026}.print-btn:hover:before{left:100%}.print-btn:active{transform:translateY(0);box-shadow:0 2px 8px #10b98133,0 1px 3px #0000001a}.print-btn:focus{outline:none;box-shadow:0 0 0 3px #10b9814d,0 2px 10px #10b98133}.print-btn svg{font-size:1rem;transition:transform .3s}.print-btn:hover svg{transform:scale(1.1)rotate(5deg)}.link-home-glass{-webkit-backdrop-filter:blur(12px)saturate(160%)url(#frosted2);cursor:pointer;z-index:99;background:#ffffffb3;border:none;border-radius:1rem;outline:3px;flex-direction:column;justify-content:center;align-items:center;padding-left:10px;padding-right:10px;transition:background .35s,box-shadow .35s,transform .35s;display:flex;position:relative;box-shadow:0 4px 24px #00000026}.link-home-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(155deg,#ffffffd9 0%,#ffffff8c 22%,#ffffff47 40%,#0000001a 72%,#00000040 100%);padding:1px;transition:background .45s,opacity .35s,filter .45s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.link-home-glass:after{content:"";mix-blend-mode:overlay;opacity:.75;pointer-events:none;border-radius:calc(1rem - 2px);transition:opacity .35s;position:absolute;inset:5px}.link-home-glass:hover{background:#ffffff8a;transform:translateY(-2px);box-shadow:0 6px 30px #00000038}.link-home-glass:hover:before{filter:brightness(2.05);background:linear-gradient(335deg,#ffffffeb 0%,#ffffff8c 28%,#ffffff38 52%,#0000001f 78%,#00000052 100%)}.link-home-glass:hover:after{opacity:.95}.link-home-glass:focus{outline:none}.link-home-glass .icon{color:#222;opacity:.95;justify-content:center;align-items:center;transition:transform .35s;display:flex}.link-home-glass:hover .icon{transform:scale(1.07)}.link-home-glass .text{color:#222;letter-spacing:.3px;margin-top:1rem;font-size:1rem;font-weight:500}.status-message{text-align:center;color:#000;flex-direction:column;justify-content:center;align-items:center;padding:1rem;font-size:16px;font-weight:700;display:flex}.loading-message{min-height:160px}.empty-message{min-height:200px}.empty-icon{fill:#cbd5e1;width:64px;height:64px;margin-bottom:1rem}.spinner{border:4px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modern-products-table{position:relative}.empty-cell,.loading-cell{background-color:#f8fafc}.status-message{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme:dark){.empty-icon{fill:#475569}.status-message{color:#000}.empty-cell,.loading-cell{background-color:#1e293b}.spinner{border-color:#7c3aed #334155 #334155}}.totals-row{background-color:#fff!important}.totals-row td{vertical-align:middle;background-color:#fff!important;border:1px solid #e2e8f0!important;border-top:2px solid #cbd5e1!important;padding:14px 12px!important;font-weight:600!important}.totals-row td.total-cell{white-space:nowrap;letter-spacing:.3px}.totals-row:hover,.totals-row:hover td{background-color:#f8fafc!important}@media (prefers-color-scheme:dark){.totals-row{background-color:#fff!important}.totals-row td{background-color:#fff!important;border:1px solid #e2e8f0!important;border-top:2px solid #cbd5e1!important}.totals-row:hover,.totals-row:hover td{background-color:#f8fafc!important}}.space-input-container{direction:rtl;width:100%;margin:1.5rem 0;position:relative}.space-input-container .space-icon{color:#6a00f4;z-index:2;font-size:1.1rem;transition:all .3s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.space-input-container input{color:#2b2d42;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#f5f5f5cc;border:1px solid #6a00f44d;border-radius:8px;width:100%;padding:.9rem 2rem .9rem 1rem;font-size:.95rem;transition:all .3s;box-shadow:0 2px 10px #0000000d}.space-input-container input:focus{border-color:#6a00f4;outline:none;box-shadow:0 0 0 2px #6a00f433}.space-input-container input:focus~.space-label{color:#6a00f4;padding:0 .4rem;right:1rem;transform:translateY(-2.3rem)translate(1rem)scale(.85)}.space-input-container input:focus~.space-icon{color:#00b4d8;transform:translateY(-50%)scale(1.1)}.space-input-container input:focus~.space-glow{opacity:.6}.space-input-container input:not(:-moz-placeholder-shown)~.space-label{color:#535780;padding:0 .4rem;right:1rem;transform:translateY(-2.3rem)translate(1rem)scale(.85)}.space-input-container input:not(:placeholder-shown)~.space-label{color:#535780;padding:0 .4rem;right:1rem;transform:translateY(-2.3rem)translate(1rem)scale(.85)}.space-input-container input[type=date]{padding-right:0}.space-input-container .space-label{color:#696d9d;pointer-events:none;transform-origin:100%;z-index:2;font-size:.95rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:.9rem;right:3rem}.space-input-container .space-glow{opacity:0;pointer-events:none;z-index:1;background:radial-gradient(circle,#90e0ef4d 0%,#0000 70%);border-radius:8px;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;right:0}.space-select-container{direction:rtl;width:100%;margin:.25rem 0;position:relative}.space-select-container .space-icon{color:#6a00f4;z-index:2;font-size:1.1rem;transition:all .3s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.space-select-container select{color:#2b2d42;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);appearance:none;background-color:#f5f5f5cc;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-position:1rem;background-repeat:no-repeat;background-size:1rem;border:1px solid #6a00f44d;border-radius:8px;width:100%;padding:.9rem 3rem .9rem 1rem;font-size:.95rem;transition:all .3s;box-shadow:0 2px 10px #0000000d}.space-select-container select:focus{border-color:#6a00f4;outline:none;box-shadow:0 0 0 2px #6a00f433}.space-select-container select:focus~.space-icon{color:#00b4d8;transform:translateY(-50%)scale(1.1)}.space-select-container select:focus~.space-glow{opacity:.6}.space-select-container .space-glow{opacity:0;pointer-events:none;z-index:1;background:radial-gradient(circle,#90e0ef4d 0%,#0000 70%);border-radius:8px;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;right:0}.searchable-select{background:#fff;border-radius:8px;position:relative}.searchable-select .space-input-container{margin:0}.searchable-select .select-trigger{background-color:#0000;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:57px;padding:12px 40px 12px 16px;font-size:14px;transition:all .3s;display:flex}.searchable-select .select-trigger:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db1a}.searchable-select .select-trigger.disabled{cursor:not-allowed;opacity:.6;background-color:#f5f5f5}.searchable-select .select-value{text-align:right;color:#696d9d;background:0 0;flex:1}.searchable-select .select-value.placeholder{color:#696d9d;background:0 0}.searchable-select .select-arrow{color:#666;margin-left:8px;font-size:12px;transition:transform .3s}.searchable-select .select-arrow.open{transform:rotate(180deg)}.searchable-select .select-dropdown{z-index:1000;background:#fff;border:1px solid #ddd;border-radius:8px;flex-direction:column;max-height:320px;animation:.2s slideDown;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 4px 16px #00000026}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.searchable-select .select-search{background-color:#fafafa;border-bottom:1px solid #eee;border-radius:8px 8px 0 0;align-items:center;padding:12px;display:flex}.searchable-select .select-search .select-search-icon{color:#6a00f4;z-index:1;margin-left:8px;font-size:16px;position:absolute;right:25px}.searchable-select .search-input{text-align:right;color:#333;background:0 0;border:none;outline:none;flex:1;padding:4px 8px;font-size:14px}.searchable-select .search-input::placeholder{color:#999}.searchable-select .select-options{max-height:260px;padding:4px 0;overflow-y:auto}.searchable-select .select-options::-webkit-scrollbar{width:6px}.searchable-select .select-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.searchable-select .select-options::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.searchable-select .select-options::-webkit-scrollbar-thumb:hover{background:#999}.searchable-select .select-hint{color:#666;text-align:right;background-color:#f8f9fa;border-bottom:1px solid #eee;padding:8px 16px;font-size:13px;font-weight:500}.searchable-select .select-option{cursor:pointer;text-align:right;color:#333;border-bottom:1px solid #f5f5f5;padding:12px 16px;font-size:14px;transition:all .2s}.searchable-select .select-option:last-child{border-bottom:none}.searchable-select .select-option:hover{color:#3498db;background-color:#f0f8ff}.searchable-select .select-option.selected{color:#1976d2;background-color:#e3f2fd;font-weight:500}.searchable-select .select-option.loading,.searchable-select .select-option.no-results{text-align:center;color:#999;cursor:default;font-style:italic}.searchable-select .select-option.loading:hover,.searchable-select .select-option.no-results:hover{color:#999;background-color:#fff}[dir=rtl] .select-trigger{padding:12px 16px 12px 40px}[dir=rtl] .select-arrow,[dir=rtl] .select-search .search-icon{margin-left:0;margin-right:8px}.modal-dialog{max-width:800px;margin:1.75rem auto}.modal-content{background:#fff;border:none;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 10px 30px #0000001a}.modal-header{color:#fff;background:linear-gradient(135deg,#6c5ce7 0%,#4a3aff 100%);border-bottom:none;padding:1.5rem;position:relative}.modal-header:after{content:"";background:linear-gradient(90deg,#ffffff4d,#fff0);height:4px;position:absolute;bottom:0;left:0;right:0}.modal-title{letter-spacing:-.5px;font-size:1.4rem;font-weight:600}.btn-close{filter:invert();opacity:.8;background-size:1.2rem;width:1.2rem;height:1.2rem;transition:all .3s}.btn-close:hover{opacity:1;transform:rotate(90deg)}.modal-body{background-color:#f8f9fa;padding:2rem}.form-label{color:#4a5568;margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.form-control{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.8rem 1rem;font-size:.95rem;transition:all .3s;box-shadow:0 1px 2px #0000000d}.form-control:focus{border-color:#6c5ce7;outline:none;box-shadow:0 0 0 3px #6c5ce733}.numbers-container{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.number-input-group{position:relative}.remove-number-btn{color:#ff4757;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.remove-number-btn:hover{opacity:1;background-color:#ff47571a}.remove-number-btn svg{width:14px;height:14px}.add-number-btn{color:#6c5ce7;cursor:pointer;background-color:#6c5ce71a;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:fit-content;margin-top:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s;display:inline-flex}.add-number-btn:hover{background-color:#6c5ce733;transform:translateY(-1px)}.add-number-btn svg{width:16px;height:16px;transition:transform .3s}.color-options{gap:.75rem;margin-top:.5rem;display:flex}.color-option{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:all .3s;position:relative}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:#fff;box-shadow:0 0 0 2px #6c5ce7,0 2px 8px #0003}.modal-footer{background-color:#fff;border-top:1px solid #edf2f7;padding:1.5rem}.modal-footer .btn{text-align:center;border-radius:10px;min-width:120px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .3s}.modal-footer .btn-secondary{color:#4a5568;background-color:#edf2f7;border:none}.modal-footer .btn-secondary:hover{background-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.modal-footer .btn-primary{color:#fff;background:linear-gradient(135deg,#6c5ce7 0%,#4a3aff 100%);border:none}.modal-footer .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce74d}.status-message{border-radius:10px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.8rem 1rem;font-size:.95rem;display:flex}.warning{color:#e67e22;background-color:#fff8e6;border-left:4px solid #e67e22}.successfully{color:#27ae60;background-color:#e8f8f0;border-left:4px solid #27ae60}.latest-items-display{background-color:#f1f5f9;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem;display:flex}.latest-items-display p{color:#4a5568;margin:0;font-size:.95rem;font-weight:500}.latest-items-display span{color:#a0aec0}@media (max-width:768px){.modal-body{padding:1.5rem}.modal-footer{flex-direction:column-reverse;gap:.75rem}.modal-footer .btn{width:100%}.form-control{padding:.7rem .9rem}}.modal-content{animation:.3s ease-out forwards fadeIn}button,input,.form-control,.color-option{transition:all .25s cubic-bezier(.4,0,.2,1)}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.btn-delete{color:#ff4757;background-color:#ffe4e6;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;transition:all .3s ease-in-out;display:flex;position:absolute;top:50%;left:10px;padding:1px!important}.btn-delete:hover{background-color:#edc2c6;transform:scale(1.1);color:#fff!important}.btn-delete:focus{outline:none;box-shadow:0 0 0 2px #ff47574d}.btn-delete .btn-icon-delete{fill:#ff4757;font-size:1rem}.btn-add-number{color:#6c5ce7;background-color:#e8eaf6;border-radius:10px;justify-content:center;align-items:center;height:2.5rem;transition:all .3s;display:flex;padding:10px!important}.btn-add-number:hover{background-color:#6c5ce7;color:#e8eaf6!important}.btn-add-number:focus{outline:none;box-shadow:0 0 0 2px #6c5ce74d}.btn-add-number .btn-icon-add{fill:#6c5ce7;font-size:1.5rem}.glass-effect{-webkit-backdrop-filter:blur(44.2px);background:#ffffffe6;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 30px #0000001a}.control-center{z-index:1000;color:#333;width:320px;max-height:calc(100vh - 80px);padding:15px;animation:.3s ease-out fadeIn;position:fixed;left:100px;overflow-y:auto}.control-center-header{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.control-center-header h3{margin:0;font-size:1.2rem;font-weight:600}.control-section{margin-bottom:20px}.control-section h4{color:#444;align-items:center;margin:0 0 12px;font-size:1rem;font-weight:500;display:flex}.control-section h4 svg{margin-left:8px}.control-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.control-item{cursor:pointer;background:#fff9;border:1px solid #0000000d;border-radius:10px;align-items:center;padding:10px 12px;transition:all .2s;display:flex}.control-item:hover{background:#fffc;transform:translateY(-1px)}.control-item .control-icon{color:#555;justify-content:center;align-items:center;margin-left:8px;display:flex}.control-item span{font-size:.9rem}.toggle-item{flex:1;justify-content:center;min-width:calc(50% - 12px)}.clickable{justify-content:space-between;width:100%}.font-options-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;animation:.3s ease-out slideDown;display:grid}.font-options-grid .font-option-btn{cursor:pointer;text-align:center;color:#222;background:#ffffffb3;border:1px solid #0000000d;border-radius:8px;padding:8px;font-size:.85rem;transition:all .2s;position:relative}.font-options-grid .font-option-btn:hover{background:#ffffffe6;box-shadow:0 2px 5px #0000001a}.font-options-grid .font-option-btn.selected{background:#3a7bd51a;border:1px solid #3a7bd5}.font-options-grid .font-option-btn.selected .check-mark{opacity:1;transform:scale(1)}.font-options-grid .font-option-btn .check-mark{color:#fff;opacity:0;background:#3a7bd5;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;transition:all .2s;display:flex;position:absolute;top:-6px;right:-6px;transform:scale(.5);box-shadow:0 2px 4px #0003}.background-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px;animation:.3s ease-out slideDown;display:grid}.background-grid .background-thumbnail{aspect-ratio:16/9;cursor:pointer;background-position:50%;background-size:cover;border:2px solid #0000;border-radius:8px;transition:all .2s;position:relative}.background-grid .background-thumbnail:hover{border-color:#0000001a;transform:scale(1.02);box-shadow:0 3px 8px #0000001a}.background-grid .background-thumbnail.selected{border-color:#3a7bd5;transform:scale(1.02);box-shadow:0 3px 8px #3a7bd54d}.background-grid .background-thumbnail.selected .background-check{opacity:1;transform:scale(1)}.background-grid .background-thumbnail .background-check{color:#fff;opacity:0;background:#3a7bd5;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;transition:all .2s;display:flex;position:absolute;top:5px;right:5px;transform:scale(.5);box-shadow:0 2px 4px #0003}.zoom-slider-container{margin:15px 0}.zoom-slider-container .slider-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.zoom-slider-container .slider-header span{color:#555;font-size:.9rem}.zoom-slider-container .range{width:100%;height:5px;position:relative;direction:ltr!important}.zoom-slider-container input[type=range]{-webkit-appearance:none;background:linear-gradient(to right, #3a7bd5 0%, #3a7bd5 var(--value-percent), #e0e0e0 var(--value-percent), #e0e0e0 100%);border-radius:5px;outline:none;width:100%;height:5px}.zoom-slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#3a7bd5;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0003}.zoom-slider-container input[type=range]::-moz-range-thumb{cursor:pointer;background:#3a7bd5;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0003}.zoom-slider-container .range-labels{justify-content:space-between;margin-top:28px;padding:0;list-style:none;display:flex}.zoom-slider-container .range-labels li{color:#777;cursor:pointer;border-radius:4px;padding:2px 5px;font-size:.8rem;transition:all .2s;position:relative}.zoom-slider-container .range-labels li.active{color:#3a7bd5;background:#3a7bd51a;font-weight:500}.zoom-slider-container .range-labels li:hover{color:#3a7bd5}.align-items-center{align-items:center}.control-center,.control-center *{zoom:1!important;transform:none!important}.zoom-slider-container input[type=range]{background:linear-gradient(to right, #3a7bd5 0%, #3a7bd5 var(--value-percent), #e0e0e0 var(--value-percent), #e0e0e0 100%)}.zoom-slider-container .range-labels{margin-top:15px}.zoom-slider-container .range-labels li{padding:2px 4px;font-size:.75rem}.zoom-slider-container .range-labels li.active{color:#3a7bd5;background:#3a7bd51a}.glass-nav{-webkit-backdrop-filter:blur(10px);z-index:1000;direction:rtl;background:#fff3;border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:48px;left:0;right:0;box-shadow:0 4px 30px #0000001a;height:36px!important}.glass-nav .rtl-nav{direction:rtl}.glass-nav .nav-center{margin-right:60px!important}@media (max-width:700px){.glass-nav .nav-center{display:none!important}}.glass-nav .nav-right,.glass-nav .nav-center,.glass-nav .nav-left{align-items:center;display:flex}.glass-nav .logo{align-items:center;font-size:16px;font-weight:700;display:flex}.glass-nav .logo span{margin-right:.5rem}.glass-nav .nav-item{margin:0 .5rem;position:relative}.glass-nav .nav-button{color:#000;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;padding:.25rem;transition:all .3s;display:flex}.glass-nav .nav-button:hover{border:none!important}.glass-nav .nav-button:focus{border:none!important;outline:none!important}.glass-nav .dropdown-menu{width:fit-content!important;display:block!important;right:0!important}.glass-nav .dropdown-menu-left{z-index:1000;border-radius:.5rem;min-width:fit-content;padding:.5rem;animation:.2s ease-in-out fadeIn;position:absolute;top:90%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:block!important;left:100px!important}.glass-nav .dropdown-menu-left-2{z-index:1000;border-radius:.5rem;min-width:fit-content;padding:.5rem;animation:.2s ease-in-out fadeIn;position:absolute;top:90%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:block!important;left:0!important}.glass-nav .glass-dropdown{-webkit-backdrop-filter:blur(44.2px);background:#ffffffe6;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 30px #0000001a}.glass-nav .dropdown-item{text-align:right;color:#000;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;width:100%;padding:.5rem 1rem;transition:all .2s;display:flex}.glass-nav .dropdown-item:focus{border:none!important;outline:none!important}.glass-nav .dropdown-item:hover{background:#eaeaea80}.glass-nav .notifications-dropdown{width:300px;margin-left:-100px!important}.glass-nav .notifications-header{border-bottom:1px solid #ffffff1a;padding:.5rem 1rem}.glass-nav .notification-item{border-bottom:1px solid #ffffff0d;padding:.75rem 1rem}.glass-nav .notification-item.unread{background:#3b82f61a}.glass-nav .notification-item p{margin:0}.glass-nav .notification-item small{color:#fff9;font-size:.75rem}.glass-nav .empty-history,.glass-nav .empty-notifications{text-align:center;color:#fff9;padding:1rem}.glass-nav .user-avatar{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.glass-nav .user-name{margin-right:.5rem}.glass-nav .icon-3d{transform-style:preserve-3d;margin-left:8px;transition:all .3s;display:inline-flex;position:relative}.glass-nav .icon-3d svg{filter:drop-shadow(1px 1px 1px #0000004d);transform:translateZ(10px)}.glass-nav .nav-button:hover .icon-3d{transform:translateY(-2px)rotate(5deg)scale(1.1)}.glass-nav .dropdown-item:hover .icon-3d{animation:.5s bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.glass-nav .disable{color:#515151;cursor:not-allowed!important;opacity:.5!important}.history-dropdown-container{margin-left:5px;display:inline-block;position:relative}.history-dropdown{z-index:1000;background-color:#fff;border:1px solid #ccc;border-radius:8px;min-width:220px;max-height:300px;margin-top:8px;padding:5px 0;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 8px #0000001a}.history-item{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:10px 15px;transition:background-color .2s;display:flex;overflow:hidden}.history-item:hover{background-color:#f0f0f0}.history-item.active{color:#333;background-color:#e0e0e0;font-weight:700}.history-icon{justify-content:center;align-items:center;margin-right:10px;font-size:1.2em;display:flex}.history-title{flex-grow:1;font-size:.95em}.history-empty{color:#777;text-align:center;padding:15px;font-style:italic}.nav-controls .nav-button{color:#555;cursor:pointer;background-color:#0000;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;font-size:1.2em;transition:background-color .2s,color .2s;display:flex}.nav-controls .nav-button:hover:not(:disabled){color:#333;background-color:#0000000d}.nav-controls .nav-button:disabled{opacity:.5;cursor:not-allowed}.tab-list{align-items:center;gap:5px;padding-bottom:5px;display:flex;overflow-x:auto}.tab{cursor:pointer;white-space:nowrap;background-color:#f5f5f5;border-radius:8px;align-items:center;height:52px;padding:8px 12px;transition:background-color .2s;display:flex}.tab.active{background-color:#e0e0e0;font-weight:700}.tab-close{cursor:pointer;color:#777;background:0 0;border:none;margin-left:10px;font-size:1.2em;transition:color .2s}.tab-close:hover{color:#333}.add-tab{color:#1890ff;cursor:pointer;background-color:#e6f7ff;border:1px solid #91d5ff;border-radius:8px;align-items:center;padding:8px 12px;transition:background-color .2s;display:flex}.add-tab:hover{background-color:#bae7ff}.add-tab .icon{margin-right:5px}.tab-container{-webkit-backdrop-filter:blur(10px);z-index:1000;direction:rtl;background:#0003;border-bottom:1px solid #0003;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0;height:48px!important}.tab-content{align-items:center;display:flex}.tab-list{gap:5px;display:flex}.tab.active{background:#fff;border-bottom:2px solid #4361ee;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.tab-close{cursor:pointer;color:#616161;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-top:2px;margin-left:0;margin-right:10px;font-size:16px;transition:all .3s ease-in-out;display:flex;padding-top:2px!important}.tab-close:hover{color:#000;background-color:#ededed}.tab-close:focus{background-color:#e2e2e2;outline:none!important}.add-tab{cursor:pointer;color:#000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb9;border:1px solid #ffffff4d;border-radius:12px;justify-content:center;align-items:center;gap:4px;margin:6px 2px;padding:0 10px;font-size:14px;transition:all .3s;display:flex;box-shadow:0 4px 6px #0000001a}.add-tab:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.add-tab:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a;outline:none!important}.add-tab:focus{border:none!important;outline:none!important}.add-tab .add-title{margin-top:3px;font-size:14px}.add-tab .icon{align-items:center;font-size:18px;display:flex}.tab{cursor:pointer;background:#f1f1f1;border-radius:4px;align-items:center;gap:8px;padding:8px 15px;display:flex}.tab .tab-title{color:#333;padding-top:5px;font-size:14px}.tab .icon-3d{transform-style:preserve-3d;margin-left:8px;display:inline-flex;position:relative;font-size:16px!important}.tab .icon-3d svg{filter:drop-shadow(1px 1px 1px #0000004d);transform:translateZ(10px)}.tab .nav-button:hover .icon-3d{transform:translateY(-2px)rotate(5deg)scale(1.1)}.tab .dropdown-item:hover .icon-3d{animation:.5s bounce}.tab .tab:hover{background:#e1e1e1}.tab .tab.active{background:#fff;border-bottom:2px solid #4caf50}.tab .tab-icon{font-size:16px;transition:transform .3s}.tab .tab.active .tab-icon{color:#4caf50;transform:scale(1.1)}.tab .tab:hover .tab-icon{transform:translateY(-2px)}.nav-controls{direction:ltr;align-items:center;gap:5px;margin:0 8px;display:inline-flex}.nav-button{color:#929292;cursor:pointer;background:#ffffff82;border:none;border-radius:3px;justify-content:center;align-items:center;padding:7px;transition:all .2s;display:flex}.nav-button:hover{color:#222;background:#ffffffcf}.nav-button:disabled{opacity:.5;cursor:not-allowed}.tab-list{white-space:nowrap;align-items:center;display:flex;overflow-x:auto}.glass-container{direction:rtl;transition:all .3s}.glass-container.sidebar-open{padding-right:280px}.glass-container.sidebar-open .glass-content{opacity:.9;transform:scale(.95)}.glass-container.sidebar-closed{padding-right:20px}.glass-toggle{z-index:1000;cursor:pointer;justify-content:center;align-items:center;display:flex;position:fixed;top:100px;right:20px}.glass-sidebar{-webkit-backdrop-filter:blur(19.7px);z-index:900;background:#ffffff61;border:1px solid #ffffff4d;width:260px;height:100vh;padding:80px 15px 20px;transition:all .3s;position:fixed;top:84px;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-5px 0 15px #0000000d}.glass-sidebar.open{transform:translate(0)}.glass-sidebar .glass-sidebar-item{cursor:pointer;color:#333;border-radius:5px;margin:5px 0;padding:12px 15px;font-weight:700;transition:all .3s}.glass-sidebar .glass-sidebar-item:hover{background-color:#0000000d}.glass-sidebar .glass-sidebar-item.active{color:#fff;background-color:#006fff;box-shadow:0 5px 15px -5px #006fff80}.glass-content{padding:20px 0;transition:all .3s}.glass-category-title{color:#333;border-bottom:2px solid #0000001a;margin-bottom:25px;padding-bottom:10px;position:relative}.glass-category-title:after{content:"";background:linear-gradient(90deg,#006fff,#00acff);border-radius:3px;width:100px;height:3px;position:absolute;bottom:-2px;right:0}.glass-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));place-items:center;gap:20px;margin-bottom:40px;display:grid}.home-tile-wrapper{position:relative}.home-tile-wrapper:hover .home-item-menu-btn button{opacity:1;transform:translateY(0)}.home-item-menu-btn button{opacity:0;-webkit-backdrop-filter:blur(8px);color:#222;justify-content:center;align-items:center;font-size:.85rem;transition:all .25s;display:flex;transform:translateY(-6px);background:#ffffff8c!important;border:1px solid #ffffff59!important}.home-item-menu{animation:.18s fadeScale}.home-item-menu .dropdown-item{color:#222;text-align:right;letter-spacing:.2px;background:0 0;border:none;border-radius:10px;font-size:.78rem;font-weight:500;line-height:1.1rem;transition:background .18s,color .18s,padding .18s;position:relative;padding:.55rem .65rem .55rem .75rem!important}.home-item-menu .dropdown-item:hover{color:#000;padding-right:.75rem;background:linear-gradient(135deg,#006fff40,#00acff40)!important}.home-item-menu .dropdown-item.text-danger{color:#ff5f66}.home-item-menu .dropdown-item.text-danger:hover{color:#000;background:linear-gradient(135deg,#ff375066,#ff788c59)}.home-item-menu .dropdown-item.active-restore{color:#c40000;background:linear-gradient(135deg,#ff464638,#ff787840);font-weight:600;box-shadow:0 2px 6px -2px #ff3c3c59}.home-item-menu .dropdown-item.active-restore:hover{background:linear-gradient(135deg,#ff464652,#ff787859)}.home-item-menu .dropdown-item.active-pin{color:#7a5600;background:linear-gradient(135deg,#ffc80040,#ffe6784d);font-weight:600;box-shadow:0 2px 6px -2px #ffc80059}.home-item-menu .dropdown-item.active-pin:hover{background:linear-gradient(135deg,#ffc80080,#ffe67899)}.home-item-menu:before{content:"";background:inherit;border-left:inherit;border-top:inherit;filter:blur(.2px);width:14px;height:14px;position:absolute;top:-6px;left:46px;transform:rotate(45deg)}.home-item-menu-anchor{z-index:1002;position:absolute;top:4px;left:4px}.home-status-badge{z-index:1001;-webkit-backdrop-filter:blur(10px);color:#222;pointer-events:none;border-radius:30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:600;transition:opacity .18s,transform .18s;display:flex;position:absolute;top:6px;left:6px;box-shadow:0 3px 10px -4px #00000040}.home-status-badge.pinned{color:#5d4800;background:linear-gradient(135deg,#ffe058,#ffd02b)}.home-status-badge.removed{color:#fff;background:linear-gradient(135deg,#ff6b74,#ff4d5a)}.home-tile-wrapper:hover .home-status-badge{opacity:0;transform:scale(.6)translateY(-4px)}.home-menu-trigger{justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,box-shadow .2s;display:flex;background:#ffffff59!important;border:1px solid #ffffff73!important;border-radius:50%!important;padding:0!important}.home-menu-trigger:hover{box-shadow:0 2px 6px #00000026;background:#ffffffb3!important}.home-item-menu-container{z-index:1100;-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #ffffff14;border-radius:12px;min-width:190px;padding:.35rem .5rem;position:absolute;top:44px;left:-34px}.home-item-menu-container.flip-top{animation:.18s fadeScaleUp;top:auto;bottom:44px}.home-item-menu-container.flip-top.home-item-menu:before{top:auto;bottom:-6px;transform:rotate(225deg)}@keyframes fadeScaleUp{0%{opacity:0;transform:translateY(-4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.home-menu-btn{background:0 0;border-radius:8px;align-items:center;gap:.25rem;width:100%;padding:.35rem .5rem;font-size:.8rem;display:flex}.glass-pinned-bar{margin-bottom:1.25rem}.home-unpin-anchor{z-index:1050;position:absolute;top:4px;left:4px}.home-unpin-btn{border-radius:8px;align-items:center;gap:2px;padding:2px 6px;line-height:1;display:flex;color:#fff!important;background:#000!important;border:1px solid #ffffff2e!important}.home-restore-anchor{z-index:5;position:absolute;top:4px;left:4px}.home-restore-btn{border-radius:8px;padding:2px 6px;line-height:1}.glass-removed-collapse{margin-top:.75rem}.home-removed-toggle{--bg:#ffffffa6;--bg-hover:#ffffffd9;--border:#ffffff8c;background:var(--bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);color:#222;cursor:pointer;border-radius:14px;align-items:center;gap:.55rem;padding:.55rem .9rem .55rem .95rem;font-size:.8rem;font-weight:600;transition:background .22s,box-shadow .22s,transform .18s;display:inline-flex;position:relative;box-shadow:0 4px 14px -6px #0000002e}.home-removed-toggle .icon{color:#ff4d5a;filter:drop-shadow(0 2px 4px #ff4d5a59)}.home-removed-toggle .label{letter-spacing:.2px}.home-removed-toggle .count-badge{color:#fff;background:linear-gradient(135deg,#ff4d5a,#ff7b86);border-radius:12px;justify-content:center;align-items:center;min-width:26px;height:22px;padding:0 .55rem;font-size:.7rem;font-weight:700;display:flex;box-shadow:0 3px 10px -4px #ff4d5a8c}.home-removed-toggle:hover{background:var(--bg-hover);box-shadow:0 6px 18px -6px #00000040}.home-removed-toggle:active{transform:translateY(2px)}.home-removed-toggle.is-open{background:linear-gradient(135deg,#ff4d5a2e,#ff7b8638)}.home-removed-toggle.is-open .icon{color:#c80012;filter:drop-shadow(0 2px 4px #c8001259)}.glass-pinned-bar .home-tile-wrapper:hover .home-item-menu-btn button{opacity:1;transform:translateY(0)}.glass-pinned-bar h5{background:linear-gradient(90deg,#0d6efd,#00acff);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.glass-removed-collapse .home-tile-wrapper:hover .home-item-menu-btn button{opacity:1;transform:translateY(0)}@keyframes fadeScale{0%{opacity:0;transform:translateY(4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.glass-btn{-webkit-backdrop-filter:blur(19.7px);cursor:pointer;text-align:center;background:#fffc;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:140px;padding:15px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 30px #0000001a}.glass-btn:hover{background-color:#f5f5f5;transform:translateY(-5px)}.glass-btn:hover .glass-icon{transform:scale(1.2)}.glass-btn.blue-btn{box-shadow:0 20px 20px -17px #006fff87}.glass-btn.blue-btn:hover{box-shadow:0 20px 35px -16px #006fffa6}.glass-btn.red-btn{box-shadow:0 20px 20px -17px #ff102780}.glass-btn.red-btn:hover{box-shadow:0 20px 35px -16px #ff102791}.glass-btn.amber-btn{box-shadow:0 20px 20px -17px #ff9f1087}.glass-btn.amber-btn:hover{box-shadow:0 20px 35px -16px #ff9f1099}.glass-btn .glass-icon{text-shadow:0 5px 15px #0000001a;margin-bottom:10px;font-size:36px;transition:all .3s}.glass-btn .glass-title{color:#333;font-size:14px;font-weight:700}@media (max-width:768px){.glass-container.sidebar-open{padding-right:20px}.glass-container.sidebar-open .glass-content{opacity:1;transform:none}.glass-sidebar{background-color:#fffffff2;width:80%}.glass-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.glass-btn{height:120px}.glass-btn .glass-icon{font-size:30px}.glass-btn .glass-title{font-size:12px}}@media (max-width:480px){.glass-grid{grid-template-columns:repeat(2,1fr)}.glass-toggle{width:40px;height:40px;top:15px;right:15px}}.tableRow{color:#2f3640;border:1px solid #2f3640;border-radius:10px;grid-template-columns:repeat(6,1fr);align-items:center;gap:20px;width:965px;height:60px;margin:10px auto;display:grid}.tableRow li{margin-left:25px}.tableHead ul{grid-template-columns:repeat(5,1fr);gap:50px;display:grid}.tableHead ul li{color:#fff;background-color:#2f3640;border-radius:10px;justify-content:center;align-items:center;width:140px;height:50px;margin:15px 0;font-size:24px;display:flex}.back_btn{background-color:#eef2fa;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.serh_btn{background-color:#eef2fa;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.Btn{justify-content:center;align-items:center;margin:30px 250px 0;display:flex}.Btn button{color:#eef2fa;background-color:#2f3640;border:none;border-radius:10px;margin:0 20px;padding:10px 50px;font-size:28px}.btnTow{justify-content:center;align-items:center;margin:30px 250px 30px 60px;display:flex}.btnTow button{color:#2f3640;background-color:#eef2fa;border:none;border-radius:10px;margin:0 150px;padding:10px 50px;font-size:28px}.addBtn{color:#2f3640;background-color:#eef2fa;border-radius:10px;justify-content:center;align-items:center;font-size:24px;display:flex}.addBtn a{justify-content:center;align-items:center;margin:0 50px;padding:10px;display:flex}.home_btns2 .home_btn{color:#2f3640;cursor:pointer;background-image:linear-gradient(#fff,#eef2fa);width:20vw;height:200px}.home_btns2 .home_btn img{width:80%;height:auto;padding-bottom:10px}.home_btns3{grid-template-columns:repeat(2,1fr);gap:20px;margin:250px 100px 200px 300px;display:grid}.home_btns3 .home_btn{color:#2f3640;cursor:pointer;background-image:linear-gradient(#fff,#eef2fa);flex-direction:column;justify-content:center;align-items:center;width:230px;height:230px;margin-bottom:76px;font-size:32px;display:flex}.home_btns3 .home_btn img{width:100px;height:auto;padding-bottom:10px}.home_btns4{grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 180px 200px;display:grid}.home_btns4 .home_btn{color:#2f3640;text-align:center;cursor:pointer;background-image:linear-gradient(#fff,#eef2fa);flex-direction:column;justify-content:center;align-items:center;width:242.86px;height:242.86px;margin-bottom:76px;font-size:32px;display:flex}.home_btns4 .home_btn img{width:120px;height:auto;padding-bottom:10px}.tittle{color:#2f3640;margin-top:2vh;margin-bottom:4vh;margin-right:7vw;font-size:1.5rem}.addNewUser{flex-direction:column;justify-content:center;align-items:center;display:flex}.addNewUser .addSection{color:#eef2fa;background-color:#2f3640;border-radius:10px;flex-direction:column;width:80vw;max-width:700px;padding:30px 0;display:flex}.addNewUser .addSection .inputGroup2{padding:2vh 0}.addNewUser .addSection .inputGroup2 li{justify-content:space-around;align-items:center;padding:0 2rem;font-size:1.25rem;display:flex!important}.addNewUser .addSection .inputGroup2 li p{text-align:right;width:30%}.addNewUser .addSection .inputGroup2 li .addInput{height:50px;padding:0 1rem;width:70%!important}.addNewUser .addNewUserBtn{justify-content:center;align-items:center;margin-top:3vh;display:flex}.addNewUser .addNewUserBtn button{color:#2f3640;background-color:#eef2fa;border:none;border-radius:10px;margin:10px;padding:8px 20px;font-size:20px}.addNewUser .addNewUserBtn .btn1{background-color:#2f3640e6;color:#eef2fa!important}.addNewUser .addNewUserBtn .btn1:hover{background-color:#2f3640;border:none;box-shadow:1px 4px 10px #00000080}.addNewUser .addNewUserBtn .btn2{background-color:#ff4e4ee6;color:#eef2fa!important}.addNewUser .addNewUserBtn .btn2:hover{background-color:#ff4e4e;border:none;box-shadow:1px 4px 10px #00000080}.inputGroup li{color:#2f3640;text-align:end;justify-content:space-between;align-items:center;width:85vw;font-size:24px;display:flex}.inputGroup li .addInput{text-align:end;border:1px solid #2f3640;border-radius:10px;width:65vw;height:50px;margin:10px;padding-right:1vw;font-size:24px}.inputGroup li .fileUpload{text-align:end;height:186px;margin:10px 0;padding:10px;font-size:24px;display:flex;justify-content:end!important}.inputGroup li .fileUpload::-webkit-file-upload-button{color:#2f3640;background-color:#eef2fa;border:1px solid #2f3640;border-radius:10px}.inputGroup2 li{color:#eef2fa;justify-content:space-between;align-items:center;margin:0 1vw;font-size:24px;display:flex}.inputGroup2 li .addInput{border:1px solid #2f3640;border-radius:10px;width:70vw;height:50px;margin:10px 0}.inputGroup3{color:#eef2fa;background-color:#2f3640;border-radius:10px;grid-template-columns:repeat(3,1fr);align-items:center;gap:20px;height:189px;margin:10px 0;font-size:24px;display:grid}.inputGroup3 li{flex-direction:column;justify-content:center;align-items:center;height:70%;display:flex}.inputGroup3 li input{border:none;border-radius:10px;width:220px;margin-top:10px;height:50px!important}.serchSection{justify-content:space-between;align-items:center;display:flex}.serchSection input{color:#2f3640;border:1px solid;border-radius:10px;align-items:center;width:577px;height:50px;margin:10px}.modern-products-container{max-width:99vw;min-height:100vh;margin-top:1rem;margin-left:auto;margin-right:auto;padding:2rem}@media screen and (max-width:768px){.modern-products-container{max-width:100vw;padding:1rem}}.fs-16{font-size:18px!important}.products-content{background:#fffffff0;border-radius:16px;max-width:1440px;min-height:630px;margin:0 auto;transition:all .3s;overflow:hidden;box-shadow:0 10px 25px #0000000a}.products-header{color:#fff;background:linear-gradient(135deg,#279ce5,#3745be);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.header-title{align-items:center;gap:.75rem;display:flex}.gradient-title{background:linear-gradient(90deg,#fff,#d8dbe6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:15px;font-size:1.8rem;font-weight:600}.header-icon{color:#fff;background:linear-gradient(135deg,#4555e7,#279ce5);border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;padding:10px;display:flex;font-size:1rem!important}.header-actions{align-items:center;gap:1rem;display:flex}.primary-action-btn{color:#3745be;cursor:pointer;background:#fff;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 10px #00000014}.primary-action-btn:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 15px #0000001f}.clear-filters-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;transition:all .2s;display:flex}.clear-filters-btn:hover{background:#ffffff40}.filters-section{color:#000;background:#f8fafc;padding:1.5rem 2rem;display:flex}.filter-group{flex:1;max-width:400px}.search-input{position:relative}.search-icon{color:#64748b;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.table-controls{justify-content:flex-end;padding:1rem 2rem;display:flex;position:relative}.columns-control{z-index:20;position:relative}.columns-toggle{color:#3745be;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000d}.columns-toggle:hover{background:#f8fafc;border-color:#c7d2fe}.columns-toggle.active{background:#e0e7ff;border-color:#a5b4fc}.columns-menu{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e2e8f0;border-radius:12px;min-width:240px;padding:0;animation:.2s ease-out fadeIn;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}.columns-menu-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.columns-menu-header h4{color:#334155;margin:0;font-size:.95rem}.close-menu-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:all .2s}.close-menu-btn:hover{color:#475569;background:#e2e8f0}.columns-list{max-height:300px;padding:.5rem;overflow-y:auto}.column-option{cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex;position:relative}.column-option:hover{background:#f1f5f9}.column-option input{opacity:0;width:0;height:0;position:absolute}.custom-checkbox{border:2px solid #cbd5e1;border-radius:4px;width:18px;height:18px;transition:all .2s;display:inline-block;position:relative}.column-option input:checked~.custom-checkbox{background:#3745be;border-color:#3745be}.column-option input:checked~.custom-checkbox:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.columns-menu-footer{border-top:1px solid #f1f5f9;justify-content:center;padding:.75rem 1rem;display:flex}.reset-all-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.reset-all-btn:hover{color:#475569;background:#e2e8f0}.reset-confirm-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.reset-confirm-content{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:1.5rem;animation:.3s ease-out slideUp;box-shadow:0 10px 25px #0000001a}.reset-confirm-content h4{color:#334155;text-align:right;margin-top:0}.reset-confirm-content p{color:#64748b;text-align:right;margin-bottom:1.5rem}.reset-confirm-buttons{justify-content:flex-end;gap:1rem;display:flex}.confirm-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:.5rem 1rem;transition:all .2s}.confirm-btn:hover{background:#b91c1c}.cancel-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;padding:.5rem 1rem;transition:all .2s}.cancel-btn:hover{background:#e2e8f0}.products-table-container{padding:0 2rem}.loading-state{flex-direction:column;justify-content:center;align-items:center;padding:3rem 0;display:flex}.loading-spinner{border:4px solid #f1f5f9;border-top-color:#3745be;border-radius:50%;width:48px;height:48px;margin-bottom:1rem;animation:1s linear infinite spin}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 0;display:flex}.empty-image{opacity:.8;width:180px;height:180px;margin-bottom:1.5rem}.empty-state h3{color:#1e293b;margin-bottom:.5rem;font-size:1.5rem}.empty-state p{color:#64748b;margin-bottom:1.5rem;font-size:1.05rem}.table-wrapper{border-radius:10px;margin-bottom:1rem;overflow-x:auto;box-shadow:0 1px 3px #0000000d;min-height:500px!important}.modern-products-table{border-collapse:separate;border-spacing:0;background:#fff;width:100%}.modern-products-table th{text-align:right;color:#475569;background:#f8fafc;border-bottom:.5px solid #e2e8f0;border-left:.5px solid #e2e8f0;border-right:.5px solid #e2e8f0;padding:1rem;font-weight:500;position:sticky;top:0}.th-content{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.column-header-container{white-space:nowrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.column-settings-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.column-settings-btn:hover{color:#3745be;background:#e2e8f0}.column-settings-menu{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #e2e8f0;border-radius:12px;min-width:280px;max-width:320px;padding:0;animation:.2s ease-out fadeIn;position:absolute;overflow:hidden;box-shadow:0 10px 25px #00000026}.settings-menu-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.settings-menu-header h4{color:#334155;margin:0;font-size:1rem}.settings-menu-header button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:all .2s}.settings-menu-header button:hover{color:#475569;background:#e2e8f0}.settings-menu-body{max-height:400px;padding:.5rem;overflow-y:auto}.settings-option{margin-bottom:.5rem}.settings-menu-item{color:#000;text-align:right;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:.75rem;transition:all .2s;display:flex}.settings-menu-item span{color:#000}.settings-menu-item:hover{background:#f1f5f9}.submenu-arrow{transition:transform .2s}.submenu-arrow.open{transform:rotate(-90deg)}.submenu{background:#f8fafc;border-radius:8px;margin-top:.25rem;padding:.5rem .75rem;animation:.2s ease-out slideDown}.submenu-item{margin-bottom:.75rem}.submenu-item label{color:#475569;margin-bottom:.5rem;font-size:.85rem;display:block}.color-presets{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.color-preset{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:all .2s}.color-preset:hover{transform:scale(1.1)}.color-preset.active{border-color:#334155;transform:scale(1.1);box-shadow:0 2px 5px #0000001a}.align-options{gap:.5rem;display:flex}.align-option{color:#000;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.align-option:hover{background:#e2e8f0}.align-option.active{color:#3745be;background:#e0e7ff}.size-options{gap:.25rem;display:flex}.size-option{color:#000;cursor:pointer;background:#f1f5f9;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;transition:all .2s}.size-option:hover{background:#e2e8f0}.size-option.active{color:#3745be;background:#e0e7ff}.bold-option{color:#000;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.bold-option:hover{background:#e2e8f0}.bold-option.active{color:#3745be;background:#e0e7ff}.toggle-switch{width:40px;height:20px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#e2e8f0;border-radius:20px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:#3745be}input:checked+.slider:before{transform:translate(20px)}.sort-options{flex-wrap:wrap;gap:.25rem;display:flex}.sort-option{color:#000;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.25rem;min-width:0;padding:.4rem .6rem;font-size:.75rem;transition:all .2s;display:flex}.sort-option:hover{background:#e2e8f0}.sort-option.active{color:#3745be;background:#e0e7ff}.settings-menu-footer{border-top:1px solid #f1f5f9;justify-content:space-between;padding:.75rem 1rem;display:flex}.reset-btn{color:#fff;cursor:pointer;background:#4698ea;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.25rem;width:100%;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.reset-btn svg{margin-bottom:5px;margin-left:5px;margin-right:5px}.reset-btn:hover{background:#277eef}.reset-btn:focus{outline:none}.save-btn{color:#fff;cursor:pointer;background:#3745be;border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.save-btn:hover{background:#4338ca}.modern-products-table td{color:#334155;border-bottom:1px solid #eff2f7;border-left:.5px solid #eff2f7;border-right:.5px solid #eff2f7;padding:1rem;transition:all .2s}.modern-products-table tr:last-child td{border-bottom:none}.modern-products-table tr:hover td{background:#f8fafc}.actions-header{width:120px}.actions-cell{justify-content:center;gap:.75rem;display:flex}.edit-btn,.delete-btn,.users .edit-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.edit-btn{color:#3745be;background:#e0e7ff}.edit-btn:hover{background:#c7d2fe;transform:translateY(-1px)}.delete-btn,.users .edit-btn{color:#dc2626;background:#fee2e2}.delete-btn:hover,.users .edit-btn:hover{background:#fecaca;transform:translateY(-1px)}.product-name-cell{color:#1e293b;font-weight:500}.pagination-container{border-top:1px solid #f1f5f9;justify-content:center;padding:1.5rem 2rem;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modern-products-container{padding:1rem}.products-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.header-actions{justify-content:space-between;width:100%}.filters-section{flex-direction:column;gap:1rem;padding:1rem}.filter-group{max-width:100%}.products-table-container{padding:0 1rem}.modern-products-table th,.modern-products-table td{padding:.75rem;font-size:.9rem}.columns-menu{min-width:200px}.column-settings-menu{min-width:260px}.color-presets{grid-template-columns:repeat(5,1fr)}}@media (max-width:480px){.primary-action-btn,.clear-filters-btn{padding:.6rem 1rem;font-size:.9rem}.gradient-title{font-size:1.5rem}.empty-image{width:140px;height:140px}.color-presets{grid-template-columns:repeat(4,1fr)}.reset-confirm-buttons{flex-direction:column}}.productTranc{justify-content:space-between;display:flex}.productTranc .container{width:85vw}.productTranc .container .productIcon{color:#2f3640;justify-content:space-between;align-items:center;margin:50px 0;font-size:32px;display:flex}.productTranc .container .serchSection{justify-content:space-between;align-items:center;display:flex}.productTranc .container .serchSection input{border:1px solid #2f3640;border-radius:10px;width:400px;height:50px}.productTranc .container .serchSection input::placeholder{text-align:end;color:#2f3640;margin-right:1vw;font-size:24px}.productTranc .container table{min-width:800px}.productTranc .container .bg_main{background-color:#2f3640}.productTranc .container .text_secondery{color:#eef2fa}.tranc-rejected{background-color:#e98887;border-radius:5px;padding:.25rem}.tranc-approved{background-color:#b0f095;border-radius:5px;padding:.25rem}.inputProduct{justify-content:space-between;display:flex}.inputProduct .container .productIcon{color:#2f3640;justify-content:space-between;align-items:center;display:flex}.inputProduct .container .serchSection{justify-content:space-between;align-items:center;display:flex}.inputProduct .container .serchSection input{border:1px solid #2f3640;border-radius:10px;width:25vw;height:50px}.inputProduct .container .serchSection input::placeholder{text-align:end;color:#2f3640;margin-right:1vw;font-size:24px}.inputProduct .container table{min-width:800px}.inputProduct .container .bg_main{background-color:#2f3640}.inputProduct .container .text_secondery{color:#eef2fa}.users{flex-direction:column;display:flex}.users .to-top{top:.2rem!important;right:10px!important}.users .container{width:85vw}.users .container .head{justify-content:space-between;align-items:center;display:flex}.users .container .add-btn{color:#eef2fa;background-color:#2f3640;box-shadow:none!important;padding:.5rem 2rem!important}.users .container .serchSection{justify-content:space-between;align-items:center;display:flex}.users .container .serchSection input{border:1px solid #2f3640;border-radius:10px;width:400px;height:50px}.users .container table{min-width:800px}.users .container .bg_main{background-color:#2f3640}.users .container .text_secondery{color:#eef2fa}.users .container .modal .successfully,.users .container .modal .warning{font-size:1.2rem}.users .container .modal .inputs,.users .container .modal .input-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.users .container .modal .input-container{width:80%;position:relative}.users .container .modal .input-label{z-index:999;background:0 0;transition:all .25s;position:absolute;top:22px;right:10px}.users .container .modal .input-label:first-child{color:#639}.users .container .modal .to-top{top:-13px}.users .container .modal .addInput{position:inherit;color:#000;transition:all .3s ease-in-out;background-color:#fff!important;border:2px solid #00000040!important;border-radius:.5rem!important;box-shadow:1px 4px 5px #0000001a!important}.users .container .modal .addInput:focus{border:2px solid #000!important;outline:none!important}.users .edit-btn{border:none;outline:none;padding:0 1rem!important}.users .edit-btn svg{fill:#fff;margin-bottom:7px}.users .delete-btn,.users .edit-btn{border:none;border-radius:.3rem;margin-right:1rem;padding:.2rem 1rem}.users .delete-btn svg,.users .edit-btn svg{fill:#fff}.users .modal .successfully,.users .modal .warning{font-size:1.2rem}.users .modal .inputs,.users .modal .input-container,.users .modal .input-container,.users .container .modal .input-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.users .modal .input-container{width:80%;position:relative}.users .modal .input-label{z-index:999;background:0 0;transition:all .25s;position:absolute;top:22px;right:10px}.users .modal .input-label:first-child{color:#639}.users .modal .to-top{top:-13px}.users .modal .addInput{position:inherit;color:#000;transition:all .3s ease-in-out;background-color:#fff!important;border:2px solid #00000040!important;border-radius:.5rem!important;box-shadow:1px 4px 5px #0000001a!important}.users .modal .addInput:focus{border:2px solid #000!important;outline:none!important}.users .modal-inputs-container{justify-content:center;display:flex;position:relative;padding-top:1rem!important}.users .modal-input{width:80%;text-align:right!important}.users .input-label{right:3.2rem!important}.porductTable .tableHead ul{grid-template-columns:repeat(5,1fr);gap:50px;width:70vw;display:grid}.porductTable .tableHead ul li{color:#fff;background-color:#2f3640;border-radius:10px;justify-content:center;align-items:center;width:140px;height:50px;margin:15px 0;font-size:24px;display:flex}.productTableRow{color:#2f3640;border:1px solid #2f3640;border-radius:10px;justify-content:space-between;align-items:center;width:85vw;height:60px;margin:10px 0;display:flex}.productTableRow li{margin:0 30px}.userAccounts{justify-content:space-between;display:flex}.userAccounts .date-input input[type=date]::-webkit-calendar-picker-indicator{color:red;cursor:pointer;background:0 0}.userAccounts .date-input input[type=date]{appearance:none;position:relative}.userAccounts .date-input input[type=date]:after{content:"📅";color:red;pointer-events:none;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.userAccounts .container{width:85vw}.userAccounts .container .head{justify-content:space-between;align-items:center;display:flex}.userAccounts .container .userAccountsIcon{color:#2f3640;align-items:center;display:flex}.userAccounts .container .serchSection{justify-content:space-between;align-items:center;display:flex}.userAccounts .container .serchSection input{border:1px solid #2f3640;border-radius:10px;width:75vw;height:50px}.userAccounts .container .serchSection input::placeholder{text-align:end;color:#2f3640;margin-right:1vw;font-size:24px}.userAccounts .container table{min-width:800px}.userAccounts .container .bg_main{background-color:#2f3640}.userAccounts .container .text_secondery{color:#eef2fa}.userDebts{justify-content:space-between;display:flex}.userDebts .container{width:85vw}.userDebts .container .head{justify-content:space-between;align-items:center;display:flex}.userDebts .container .productIcon{color:#2f3640;justify-content:space-between;align-items:center;display:flex}.userDebts .container .serchSection{justify-content:space-between;align-items:center;display:flex}.userDebts .container .serchSection input{border:1px solid #2f3640;border-radius:10px;width:78vw;height:50px}.userDebts .container .serchSection input::placeholder{text-align:end;color:#2f3640;margin-right:1vw;font-size:24px}.userDebts .container table{min-width:800px}.userDebts .container .bg_main{background-color:#2f3640}.userDebts .container .text_secondery{color:#eef2fa}.editDelBtn{justify-content:center;align-items:center;display:flex}.editDelBtn a{margin:0 5px}.powers .addSection{color:#eef2fa;background-color:#2f3640;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:1100px;height:228px;margin-top:60px;display:flex}.powers .addSection .tittle{color:#eef2fa}.powers .addSection .inputGroup2 li{border-radius:10px;justify-content:space-between;align-items:center;margin:0 auto;font-size:24px;display:flex!important}.powers .addSection .inputGroup2 li .addInput{height:30px;width:30px!important}.storeManagement{background-color:#eef2fa;min-height:91vh!important}.storeManagement .home_btns{height:30vh;width:80%!important}.storeManagement .home_btns .home_btn{color:#2f3640;cursor:pointer;background-color:#fff;border:1px solid #0d4f78;border-radius:16px;width:200px;height:200px;transition:all .3s ease-in-out;margin:.5rem!important}@media (max-width:576px){.storeManagement .home_btns .home_btn{width:70%;height:100%}}.storeManagement .home_btns .home_btn img{width:80px;height:auto;padding-bottom:10px}@media (max-width:576px){.storeManagement .home_btns .home_btn img{scale:.8}.storeManagement .home_btns .home_btn img:hover{scale:1}}.storeManagement .home_btns .home_btn:hover{scale:1.1}.storeManagement .container .head{justify-content:space-between;align-items:center;display:flex}.storeManagement .container .productIcon{color:#2f3640;justify-content:flex-start;align-items:center;margin:50px 0;font-size:32px;display:flex}.storeManagement .container .productIcon li a img{width:120px;height:auto}.storeManagement .container .productIcon p{margin-left:65vw}.storeManagement .container .serchSection{justify-content:flex-start;align-items:center;display:flex}.storeManagement .container .serchSection input{border:1px solid #2f3640;border-radius:10px;width:550px;height:50px}.storeManagement .container .bill_table .tableHead{justify-content:center!important;align-items:center!important;display:flex!important}.storeManagement .container .bill_table .tableHead li{width:309px;height:50px;margin-left:20px}.storeManagement .container .bill_table .table_row{width:100%}.warning{color:#e73939;text-align:center;font-size:1.4rem;font-weight:500}.successfully{color:#34a934;text-align:center;font-size:1.4rem;font-weight:500}.inputGroup2{background-color:#2f3640;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:228px;margin:30px 0;display:flex}.inputGroup2 li{text-align:end;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin:0 auto;font-size:32px;display:flex!important}.inputGroup2 li .addInput{color:#000;height:50px;width:600px!important}@media (max-width:1400px){.storeManagement .home_btns{width:100%!important;height:100%!important;margin-top:2rem!important}}.stores{justify-content:space-between;display:flex;position:relative;overflow:hidden}.stores .container{width:90vw!important}.stores .container .serchSection{justify-content:space-between;align-items:center;width:100%;display:flex}.stores .container .serchSection input{border:1px solid #2f3640;border-radius:10px;width:800px;height:50px}.stores .container table{min-width:800px}.stores .container .bg_main{background-color:#2f3640}.stores .container .text_secondery{color:#eef2fa}.stores .table-row{position:relative;overflow:hidden}.stores .table-row:hover{background:#d7d7d7}.stores .table-link{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.stores .edit-btn{fill:#fff;margin-left:1rem;position:relative;z-index:1!important;padding:.2rem 1rem!important}.stores .edit-btn svg{transform:translateY(-3px)}.stores .delete-btn,.stores .users .edit-btn,.users .stores .edit-btn{fill:#fff;margin-right:1rem;position:relative;z-index:1!important;padding:.2rem 1rem!important}.stores .add-btn{box-shadow:none;color:#eef2fa!important;background-color:#2f3640!important}.modal .successfully,.modal .warning{font-size:1.2rem}.modal .inputs,.modal .input-container,.users .container .modal .input-container,.users .modal .input-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.modal .input-container{width:80%;position:relative}.modal .input-label{z-index:999;background:0 0;transition:all .25s;position:absolute;top:22px;right:10px}.modal .input-label:first-child{color:#639}.modal .to-top{top:-13px}.modal .addInput{position:inherit;color:#000;transition:all .3s ease-in-out;background-color:#fff!important;border:2px solid #00000040!important;border-radius:.5rem!important;box-shadow:1px 4px 5px #0000001a!important}.modal .addInput:focus{border:2px solid #000!important;outline:none!important}.enter-purchases-all .enterPurchases{border:2px solid #2f3640;border-radius:.5rem;overflow:hidden}.enter-purchases-all .enterPurchases .table-small-item{overflow:hidden;border-radius:.5rem!important}.enter-purchases-all .enterPurchases .table-small-item tr{width:100%;display:inline-table;height:44px!important}.enter-purchases-all .enterPurchases .table-small-item tr td{justify-content:center;display:flex;height:44px!important}.enter-purchases-all .enterPurchases input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(.8);border-radius:4px;margin-right:5rem}.enter-purchases-all .enterPurchases .input-group{justify-content:space-between!important}.enter-purchases-all .enterPurchases__input-container{position:relative;padding-top:2rem!important}.enter-purchases-all .enterPurchases__input-container-2{position:relative;width:18%!important;padding:2rem 0 0!important}.enter-purchases-all .enterPurchases__input-label{z-index:5;background:0 0;transition:all .25s;position:absolute;top:2.4rem;right:20px}.enter-purchases-all .enterPurchases__input-label-select{z-index:0;background:0 0;transition:all .25s;position:absolute;top:2.5rem;right:20.9%!important}.enter-purchases-all .enterPurchases__input,.enter-purchases-all .modal-input,.enter-purchases-all .users .modal-input,.users .enter-purchases-all .modal-input{text-align:center;position:inherit;color:#000;transition:all .3s ease-in-out;background-color:#fff!important;border:2px solid #00000040!important;border-radius:.5rem!important;box-shadow:1px 4px 5px #0000001a!important}.enter-purchases-all .enterPurchases__input:focus,.enter-purchases-all .modal-input:focus,.enter-purchases-all .users .modal-input:focus,.users .enter-purchases-all .modal-input:focus{border:2px solid #000!important;outline:none!important}.enter-purchases-all .enterPurchases .date-alignment{text-align:left!important}.enter-purchases-all .enterPurchases .to-top{top:.2rem!important;right:10px!important}.enter-purchases-all .enterPurchases .item-number-list{width:90%!important;top:4.5rem!important}.enter-purchases-all .enterPurchases .input-section-3{justify-content:center;align-items:center;display:flex}.enter-purchases-all .enterPurchases .colorMain{color:#eef2fa;background-color:#2f3640}.enter-purchases-all .enterPurchases .border{border:2px solid #2f3640!important}.enter-purchases-all .enterPurchases .border2{border:1px solid #2f3640!important}.enter-purchases-all .enterPurchases .borderNone{border:none}.enter-purchases-all .enterPurchases .bg_secondery{background-color:#eef2fa}.enter-purchases-all .enterPurchases .text_secondery{color:#eef2fa}.enter-purchases-all .enterPurchases li{flex-shrink:0;min-height:40px;height:auto!important}.enter-purchases-all .enterPurchases .height{height:40x!important}.enter-purchases-all .enterPurchases .min-width{min-width:700px}.enter-purchases-all .input-tabel-add{width:85vw;max-width:900px;height:40px;position:relative}.enter-purchases-all .input-tabel-add input{text-align:center;width:100%;height:40px;background-color:#0000!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.enter-purchases-all .input-tabel-add input:focus{box-shadow:none!important;background-color:#00000040!important;outline:none!important}.enter-purchases-all .input-tabel-add button{background-color:#0000;border-radius:5px;position:absolute;top:15px;right:10px;color:#000!important;border:none!important}.enter-purchases-all .input-tabel-add button:hover{background-color:#00000040!important}.enter-purchases-all .removeBtn{z-index:999;border-radius:5px;position:absolute;top:15px;right:15px;color:#000!important;background-color:#fff!important;border:none!important}.enter-purchases-all .removeBtn:hover{background-color:#00000040!important}.enter-purchases-all .btn-ass-item{color:#2f3640bf;background-color:#2f364040;border:1px solid #ced4da;justify-content:end;align-items:center;width:fit-content;height:34px;margin:.5rem;display:flex;border-radius:.5rem!important}.enter-purchases-all .btn-ass-item svg{transform:scale(.55)!important}.enter-purchases-all .btn-ass-item:hover{color:#2f3640}.enter-purchases-all .btn-ass-item:focus{outline:0;box-shadow:none!important}.enter-purchases-all .btn-delete-item{color:#eef2fa;justify-content:center;align-items:center;width:32px;height:32px;margin:.2rem;transition:all .3s ease-in-out;display:flex;box-shadow:1px 4px 10px #00000026;background-color:#ff6060!important;border:none!important;border-radius:.25rem!important;top:8px!important}.enter-purchases-all .btn-delete-item svg{transform:scale(.65)!important}.enter-purchases-all .btn-delete-item:hover{background-color:#ff2020;box-shadow:1px 4px 10px #00000040!important}.enter-purchases-all .btn-done-item{color:#eef2fa;justify-content:center;align-items:center;width:32px;height:32px;margin:.2rem;transition:all .3s ease-in-out;display:flex;left:0;box-shadow:1px 4px 10px #00000026;background-color:#42a145!important;border:none!important;border-radius:.25rem!important;top:8px!important}.enter-purchases-all .btn-done-item svg{transform:scale(.65)!important}.enter-purchases-all .btn-done-item:hover{background-color:#ff2020;box-shadow:1px 4px 10px #00000040!important}.enter-purchases-all .form-control-tabel{text-align:center;background-color:#ffffffbf;border:1px solid #ced4da;width:100%;color:#000!important;border-radius:0!important;height:37.6px!important}.enter-purchases-all .form-control-tabel:hover{background-color:#fffffff2}.enter-purchases-all .form-control-tabel:focus,.enter-purchases-all .form-select:focus{background-color:#fffffff2;border:1px solid #c3c5c8;outline:0;box-shadow:none!important}.enter-purchases-all .btns-item{justify-content:center;align-items:center;width:100%;max-width:640px;height:100%;margin:auto;display:flex}.enter-purchases-all .btn-save-item{color:#eef2fa;text-align:center;justify-content:center;align-items:center;width:200px;height:50px;margin:auto;transition:all .3s ease-in-out;display:flex;box-shadow:1px 4px 10px #00000026;background-color:#2f3640bf!important;border:none!important;border-radius:.25rem!important}.enter-purchases-all .btn-save-item:hover{box-shadow:1px 4px 10px #00000040;color:#fff!important;background-color:#2f3640!important}.enter-purchases-all .btn-close-item{color:#eef2fa;text-align:center;justify-content:center;align-items:center;width:200px;height:50px;margin:auto;transition:all .3s ease-in-out;display:flex;box-shadow:1px 4px 10px #00000026;color:#fff!important;background-color:#ff6060bf!important;border:none!important;border-radius:.25rem!important}.enter-purchases-all .btn-close-item:hover{box-shadow:1px 4px 10px #00000040;background-color:#ff4e4ebf!important}.enter-purchases-all .alert-item{text-align:center;max-width:800px;margin:1rem auto}.enter-purchases-all .item-list-group{z-index:9;cursor:pointer;background-color:#fff;border-radius:.5rem;margin:auto;padding-top:0;padding-bottom:0;transition:all .3s ease-in-out;left:0;right:0;box-shadow:1px 4px 10px #00000026;width:94%!important;position:absolute!important;top:70px!important}.enter-purchases-all .item-list-group li:hover{box-shadow:1px 4px 10px #00000040;background-color:#c3c5c8!important}.enter-purchases-all .to-top-6px{top:6px!important}.enter-purchases-all .item-list-group-2{z-index:3;cursor:pointer;border-radius:.5rem;margin:auto;padding-top:0;padding-bottom:0;transition:all .3s ease-in-out;left:0;right:0;width:94%!important;position:absolute!important;top:34px!important;overflow-y:auto!important}.enter-purchases-all .item-list-group-2 li:hover{box-shadow:1px 4px 10px #00000040;background-color:#c3c5c8!important}.enter-purchases-all .form-control{min-height:39px!important}.enter-purchases-all .close-icon-item{color:#fff;cursor:pointer;background-color:#d5d5d5;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .3s ease-in-out;display:flex;position:absolute;top:5px;left:6px}.enter-purchases-all .close-icon-item svg{transform:scale(.65)!important}.enter-purchases-all .close-icon-item:hover{background-color:#ff4e4e}.enter-purchases-all .btn-ass-item-2{color:#eef2fa;text-align:center;background-color:#2f3640bf;justify-content:center;align-items:center;width:100%;height:50px;margin:1rem auto auto;transition:all .3s ease-in-out;display:flex;box-shadow:1px 4px 10px #00000026;border:none!important;border-radius:.25rem!important}.enter-purchases-all .btn-ass-item-2:hover{background-color:#2f3640}.enter-purchases-all .show{display:flex}.enter-purchases-all .hide{display:none}@media (max-width:991px){.enter-purchases-all .enterPurchases__input-container-2{width:48%!important}}@media (max-width:600px){.enter-purchases-all .enterPurchases__input-container-2{width:100%!important}}.enter-purchases-all .close-button{background:0 0;border:none;outline:none;position:absolute;top:.5rem;left:.5rem}.enter-purchases-all .btn-exel-item{color:#eef2fa;text-align:center;white-space:nowrap;justify-content:center;align-items:center;max-width:340px;height:50px;margin:auto 1rem;transition:all .3s ease-in-out;display:flex;box-shadow:1px 4px 10px #00000026;background-color:#267337d9!important;border:none!important;border-radius:.25rem!important}.enter-purchases-all .btn-exel-item svg{transform:scale(.5)!important}.enter-purchases-all .btn-exel-item:hover{box-shadow:1px 4px 10px #00000040;color:#fff!important;background-color:#267337!important}.enter-purchases-all .fileUpload{color:#fff;text-align:center;cursor:pointer;border-radius:5px;width:200px;height:50px;margin:1.25em auto;padding:.7rem;font-size:1em;font-weight:700;transition:all .3s ease-in-out;display:block;position:relative;overflow:hidden;background-color:#267337d9!important}.enter-purchases-all .fileUpload:hover,.enter-purchases-all .fileUpload:active,.enter-purchases-all .fileUpload:focus{cursor:pointer;background-color:#267337!important}.enter-purchases-all .fileUpload input.upload{cursor:pointer;opacity:0;filter:alpha(opacity=0);cursor:pointer;width:200px;height:50px;margin:0;padding:0;font-size:20px;position:absolute;top:0;right:0}.enter-purchases-all input[type=file]{position:fixed;bottom:100%;right:100%}.enter-purchases-all .custom-file-upload{cursor:pointer;border:1px solid #ccc;padding:6px 12px;display:inline-block}.enter-purchases-all .path-file{text-align:center;color:#fff;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;margin:-.25rem auto auto;font-size:12px;font-weight:500;display:flex;overflow:hidden}.enter-purchases-all .modal{z-index:999999}.enter-purchases-all .modal .modal-body{flex-direction:column;justify-content:center;display:flex}.enter-purchases-all .modal-inputs-container{justify-content:center;display:flex;position:relative;padding-top:1rem!important}.enter-purchases-all .modal-input{width:80%;text-align:right!important}.enter-purchases-all .input-label{right:3.2rem!important}.overflow-x-auto{overflow-x:auto}.delete-item-alternatives{cursor:pointer;color:#ff000073;background-color:#00000040;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;margin-top:.25rem;margin-right:3rem;font-weight:700;transition:all .3s ease-in-out;display:flex;position:absolute;top:10px;left:10px}.delete-item-alternatives:hover{background-color:#00000080}.purchases-table-details,.purchases-table-details:hover{background-color:#fff!important}.enterPurchases__input-container-date{position:relative}.enterPurchases__input-container-date input[type=date]::-webkit-datetime-edit{color:#fff;position:relative}.enterPurchases__input-container-date input[type=date]::-webkit-inner-spin-button{color:#fff;position:relative}.enterPurchases__input-container-date input[type=date]::-webkit-clear-button{color:#fff;position:relative}.enterPurchases__input-container-date input[type=date]::-webkit-datetime-edit-year-field{color:#000;border-left:1px solid #8c8c8c;padding:2px 2px 2px 5px;left:45px;position:absolute!important}.enterPurchases__input-container-date input[type=date]::-webkit-datetime-edit-month-field{color:#000;border-left:1px solid #8c8c8c;padding:2px;left:26px;position:absolute!important}.enterPurchases__input-container-date input[type=date]::-webkit-datetime-edit-day-field{color:#000;padding:2px;left:4px;position:absolute!important}.date{position:relative}.date input::-webkit-calendar-picker-indicator{cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"15\" viewBox=\"0 0 24 24\"><path fill=\"%23000000\" d=\"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z\"/></svg>")}.date input[type=date]::-webkit-datetime-edit{color:#fff;position:relative}.date input[type=date]::-webkit-inner-spin-button{color:#fff;position:relative}.date input[type=date]::-webkit-clear-button{color:#fff;position:relative}.date input[type=date]::-webkit-datetime-edit-year-field{color:#000;border-left:1px solid #8c8c8c;padding:2px 2px 2px 5px;left:45px;position:absolute!important}.date input[type=date]::-webkit-datetime-edit-month-field{color:#000;border-left:1px solid #8c8c8c;padding:2px;left:26px;position:absolute!important}.date input[type=date]::-webkit-datetime-edit-day-field{color:#000;padding:2px;left:4px;position:absolute!important}.date2{position:relative}.date2 input::-webkit-calendar-picker-indicator{cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"15\" viewBox=\"0 0 24 24\"><path fill=\"%23000000\" d=\"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z\"/></svg>")}.modern-products-container{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:3rem 1rem 0}.modern-products-container .products-content{max-width:100%;margin:0 auto}.modern-products-container .products-header{border-bottom:2px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem;display:flex}.modern-products-container .header-title{align-items:center;gap:.75rem;display:flex}.modern-products-container .gradient-title{background:linear-gradient(135deg,#d4e5ff 0% 50%,#fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:700}.modern-products-container .header-actions{align-items:center;gap:1rem;display:flex}.modern-products-container .clear-filters-btn{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #ef44441a}.modern-products-container .clear-filters-btn:hover{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.modern-products-container .filters-section{background:#fff;border-radius:1rem;padding:1.5rem}.modern-products-container .filter-group{margin-bottom:0}.modern-products-container .filter-group .form-label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.modern-products-container .filter-group .form-label .required-asterisk{color:#dc2626;margin-left:.25rem;font-weight:700}.modern-products-container .filter-group .form-control,.modern-products-container .filter-group .form-select{background:#f9fafb;border:2px solid #e5e7eb;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;transition:all .3s}.modern-products-container .filter-group .form-control:focus,.modern-products-container .filter-group .form-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modern-products-container .products-table-container{background:#fff;overflow:hidden;box-shadow:0 10px 25px #0000001a;border-radius:0!important;padding:0!important}.modern-products-container .modern-table-container{background:#fff;overflow:hidden;border-radius:0!important}.modern-products-container .table-header{background:#e2e8f0;border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modern-products-container .table-title{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700}.modern-products-container .btn-add-product{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #10b9811a}.modern-products-container .btn-add-product:hover{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.modern-products-container .table-modern{border-collapse:separate;border-spacing:0;width:100%;margin:0}.modern-products-container .table-modern thead{background:linear-gradient(135deg,#334155 0%,#475569 100%)}.modern-products-container .table-modern thead th{text-align:center;padding:1rem;font-weight:600}.modern-products-container .table-modern thead th:first-child{border-top-left-radius:0}.modern-products-container .table-modern thead th:last-child{border-top-right-radius:0}.modern-products-container .table-modern tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.modern-products-container .table-modern tbody tr:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);transform:scale(1.001)}.modern-products-container .table-modern tbody tr.row-selected{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);box-shadow:0 2px 8px #3b82f633;z-index:9999999!important;position:relative!important}.modern-products-container .table-modern tbody td{vertical-align:middle;text-align:center;border:none;padding:.75rem}.modern-products-container .table-modern tbody td:last-child{border-right:none}.modern-products-container .input-container{width:100%;position:relative}.modern-products-container .table-input,.modern-products-container .table-select{background:0 0;border:1px solid #e2e8f0;border-radius:.25rem;width:100%;margin:0;padding:.5rem;font-size:.875rem;transition:all .2s}.modern-products-container .table-input:focus,.modern-products-container .table-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.modern-products-container .table-input.calculated-field{color:#64748b;background:#f8fafc;font-weight:600}.modern-products-container .dropdown-modern{z-index:999999999;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #00000026}.modern-products-container .dropdown-item-modern{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.modern-products-container .dropdown-item-modern:hover{color:#3b82f6;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.modern-products-container .dropdown-item-modern:last-child{border-bottom:none}.modern-products-container .btn-delete{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #ef44441a}.modern-products-container .btn-delete:hover{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.modern-products-container .table-footer{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-top:1px solid #e2e8f0;padding:1rem}.modern-products-container .total-section{justify-content:flex-end;align-items:center;display:flex}.modern-products-container .total-card{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-radius:.75rem;align-items:center;gap:1rem;padding:1rem 2rem;display:flex;box-shadow:0 4px 12px #1e293b4d}.modern-products-container .total-label{font-size:1rem;font-weight:600}.modern-products-container .total-value{color:#fbbf24;font-size:1.25rem;font-weight:700}.modern-products-container .action-buttons-container{border-radius:1rem;margin:2rem 1.5rem}.modern-products-container .primary-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.modern-products-container .secondary-actions{justify-content:center;display:flex}.modern-products-container .btn-secondary-modern{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);border:none;border-radius:.75rem;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 12px #6b72801a}.modern-products-container .btn-secondary-modern:hover{color:#fff;background:linear-gradient(135deg,#4b5563 0%,#374151 100%);text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 20px #6b728066}.modern-products-container .btn-primary-modern{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:.75rem;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #3b82f61a}.modern-products-container .btn-primary-modern:hover{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.modern-products-container .btn-success-modern{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:.75rem;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #10b9811a}.modern-products-container .btn-success-modern:hover{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.modern-products-container .btn-excel-modern{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);border:none;border-radius:.75rem;align-items:center;padding:.75rem 2rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #0596691a}.modern-products-container .btn-excel-modern:hover{color:#fff;background:linear-gradient(135deg,#047857 0%,#065f46 100%);transform:translateY(-2px);box-shadow:0 8px 20px #05966966}@media (max-width:768px){.modern-products-container .products-header{flex-direction:column;align-items:stretch;gap:1rem}.modern-products-container .header-actions{justify-content:center}.modern-products-container .gradient-title{text-align:center;font-size:1.5rem}.modern-products-container .table-header{text-align:center;flex-direction:column;gap:1rem}.modern-products-container .table-responsive{margin:0 -1rem}.modern-products-container .table-modern{font-size:.75rem}.modern-products-container .table-input,.modern-products-container .table-select{padding:.375rem .5rem;font-size:.75rem}.modern-products-container .primary .primary-actions{flex-direction:column;align-items:stretch}.modern-products-container .action-buttons-container{margin:1rem;padding:1.5rem}}@media (max-width:576px){.modern-products-container .filters-section .row>*{margin-bottom:1rem}.modern-products-container .table-modern thead th{padding:.5rem .25rem;font-size:.75rem}.modern-products-container .table-modern tbody td{padding:.5rem .25rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modern-products-container .modern-table-container,.modern-products-container .filters-section,.modern-products-container .action-buttons-container{animation:.6s ease-out fadeInUp}.modern-products-container .dropdown-modern::-webkit-scrollbar{width:6px}.modern-products-container .dropdown-modern::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.modern-products-container .dropdown-modern::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modern-products-container .dropdown-modern::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modern-products-container .table-enter-items{padding-bottom:100px!important}.modern-products-container .table-enter-items td{border-radius:0!important;padding:0!important}.modern-products-container .table-enter-items td input{border-radius:0!important}.login{color:#2f3640;justify-content:center;align-items:center;padding-top:-60px;display:flex}@media (max-width:993px){.login{margin-top:-57px}}.login-container{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:fixed;inset:0}.form-card{-webkit-backdrop-filter:blur(16.8px);z-index:1;background:#ffffff80;border-radius:1.5rem;width:480px;max-width:480px;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 4px 30px #0000001a}.form-card:before{content:"";pointer-events:none;border-radius:inherit;-webkit-mask-composite:xor;background:linear-gradient(to bottom right,#3b82f6 0%,#cccccc82 33%,#aaaaaa7e 62%,#8b5cf6 100%);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.form-header{text-align:center;margin-bottom:2.5rem}.title{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2rem}.subtitle{color:#64748b;font-size:1rem}.form-group{margin-bottom:1.5rem;position:relative}.input-wrapper{z-index:2;position:relative}.form-input{color:#334155!important;z-index:2!important;background:#ffffff80!important;border:1px solid #e2e8f0!important;border-radius:.8rem!important;width:100%!important;padding:1rem!important;font-size:1rem!important;transition:all .3s!important;position:relative!important}.form-input:focus{background:#ffffffe6;outline:none;border-color:#93c5fd!important}.input-label{color:#94a3b8;pointer-events:none;z-index:3;transition:all .3s;position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:0 0!important}.form-input:not(:-moz-placeholder-shown)~.input-label{color:#3b82f6;z-index:3;border-radius:.4rem;padding:0 .4rem;font-size:.6rem;right:.6rem;top:20%!important}.form-input:focus~.input-label,.form-input:not(:placeholder-shown)~.input-label{color:#3b82f6;z-index:3;border-radius:.4rem;padding:0 .4rem;font-size:.6rem;right:.6rem;top:20%!important}.input-border{-webkit-mask-composite:destination-out;opacity:0;z-index:1;background:linear-gradient(45deg,#3b82f6,#8b5cf6) border-box;border:2px solid #0000;border-radius:.8rem;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.form-input:focus~.input-border{opacity:1}.input-glow{opacity:0;filter:blur(15px);z-index:1;background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:.8rem;transition:opacity .3s;position:absolute;inset:0}.form-input:focus~.input-glow{opacity:.2}.submit-btn{color:#fff;cursor:pointer;z-index:2;background:linear-gradient(45deg,#3b83f6bc,#8a5cf6ba);border:1px solid #0000001a;border-radius:.8rem;justify-content:center;align-items:center;width:100%;padding:1rem;font-size:1rem;font-weight:700;transition:all .2s ease-in-out;display:flex;position:relative;overflow:hidden}.submit-btn span{z-index:1;position:relative}.btn-effect{opacity:0;background:linear-gradient(45deg,#3b82f6,#8b5cf6);transition:opacity .3s;position:absolute;inset:0}.submit-btn:hover .btn-effect{opacity:.2}.loading-spinner{border:2px solid #0000001a;border-top-color:#3b82f6;border-radius:50%;width:20px;height:20px;margin-right:10px;animation:1s linear infinite spin}.form-divider{text-align:center;margin:2rem 0;position:relative}.form-divider:before,.form-divider:after{content:"";background:#0000001a;width:calc(50% - 70px);height:1px;position:absolute;top:50%}.form-divider:before{right:0}.form-divider:after{left:0}.form-divider span{color:#64748b;padding:0 1rem;font-size:.9rem}.social-buttons{z-index:2;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;display:grid;position:relative}.social-btn{color:#64748b;cursor:pointer;background:#fffc;border:1px solid #0000001a;border-radius:.8rem;justify-content:center;align-items:center;gap:8px;padding:.8rem;font-size:.9rem;display:flex;position:relative;overflow:hidden}.social-btn span{z-index:1;position:relative}.social-btn:hover{color:#1e293b}.social-btn:hover .btn-effect{opacity:1}.login-link{text-align:center;color:#64748b;font-size:.9rem}.link{color:#3b82f6;text-decoration:none;transition:color .3s}.link:hover{color:#8b5cf6}.card-shine,.card-border,.card-glow{z-index:0}.card-shine{background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;animation:8s infinite shine;position:absolute;top:0;right:-100%}@keyframes shine{to{right:200%}}.card-border{-webkit-mask-composite:destination-out;opacity:0;background:linear-gradient(45deg,#3b82f6,#8b5cf6) border-box;border:2px solid #0000;border-radius:1.5rem;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.form-card:hover .card-border{opacity:1}.card-glow{opacity:0;filter:blur(20px);background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:1.5rem;transition:opacity .3s;position:absolute;inset:0}.form-card:hover .card-glow{opacity:.05}.logo-container{text-align:center;margin-bottom:1.5rem}.error-message{color:#ef4444;text-align:right;margin-top:.5rem;font-size:.9rem}@media (max-width:480px){.login-container{padding:1rem}.form-card{padding:1.5rem}.title{font-size:1.8rem}.social-buttons{grid-template-columns:1fr}}.purchasesHome{background-color:#eef2fa;min-height:91vh!important}.purchasesHome .home_btns{height:30vh;width:80%!important}.purchasesHome .home_btns .home_btn{color:#2f3640;cursor:pointer;background-color:#fff;border:1px solid #0d4f78;border-radius:16px;width:200px;height:200px;transition:all .3s ease-in-out;margin:.5rem!important}@media (max-width:576px){.purchasesHome .home_btns .home_btn{width:70%;height:100%}}.purchasesHome .home_btns .home_btn img{width:80px;height:auto;padding-bottom:10px}@media (max-width:576px){.purchasesHome .home_btns .home_btn img{scale:.8}}.purchasesHome .home_btns .home_btn img:hover{scale:1}.purchasesHome .home_btns .home_btn:hover{scale:1.1}@media (max-width:1400px){.purchasesHome .home_btns{width:100%!important;height:100%!important;margin-top:2rem!important}}.mt-80{margin-top:91px!important}@media (max-width:993px){.mt-80{margin-top:0!important}}.purchases .container{direction:rtl}.purchases .container table{min-width:700px;min-height:fit-content}.purchases .bg_main{background-color:#2f3640!important}.purchases .text_secondery{color:#eef2fa!important}.purchases li{height:50px!important}.purchases__date-input{padding-right:59%!important}.purchases__date-input::-webkit-calendar-picker-indicator{filter:invert()}.purchases .edit-btn{fill:#fff;position:relative;z-index:1!important;padding:.2rem 1rem!important}.purchases .edit-btn svg{transform:translateY(-3px)}.purchases .delete-btn,.purchases .users .edit-btn,.users .purchases .edit-btn{fill:#fff;position:relative;z-index:1!important;padding:.2rem 1rem!important}.purchases .modal .deleteBody{text-align:right}@media (max-width:1522px){.purchases__date-input{padding-right:50%!important}}@media (max-width:767px){.purchases__date-input{padding-right:50%!important}}.purcjasesReport .container{width:90vw}.purcjasesReport .container table{min-width:700px}.purcjasesReport .bg_main{background-color:#2f3640}.purcjasesReport .text_secondery{color:#eef2fa}.purcjasesReport li{height:50px!important}.form-purchase-search-select{margin-bottom:2rem;position:relative}.form-purchase-search-select label{color:#000;z-index:0;opacity:0;margin-bottom:.5rem;font-size:15px;font-weight:400;transition:all .3s ease-in-out;display:block;position:absolute;top:12px;right:26px}.form-purchase-search-select label:after{background-color:#0000!important}.form-purchase-search-select .active-label{color:#000;font-size:16px;font-weight:400;transition:all .3s ease-in-out;position:absolute;top:-26px;right:10px;opacity:1!important;background-color:#0000!important}.form-purchase-search-select .active-label:after{background-color:#0000!important}.form-purchase-search-select select{width:100%;height:46px;position:inherit;color:#000;border:2px solid #00000040;border-radius:.5rem;margin-bottom:1rem;padding:0 1rem;transition:all .3s ease-in-out;box-shadow:1px 4px 5px #0000001a;background-color:#0000!important}.form-purchase-search-select select:focus{border:2px solid #2f3640;box-shadow:none!important;background-color:#0000!important;outline:none!important}.form-purchase-search-input{position:relative;margin-bottom:1.75rem!important}.form-purchase-search-input label{color:#000;z-index:0;margin-bottom:.5rem;font-size:15px;font-weight:400;transition:all .3s ease-in-out;display:block;position:absolute;top:12px;right:26px}.form-purchase-search-input label:after{background-color:#0000!important}.form-purchase-search-input .active-label{color:#000;font-size:16px;font-weight:400;transition:all .3s ease-in-out;position:absolute;top:-26px;right:10px;background-color:#0000!important}.form-purchase-search-input .active-label:after{background-color:#0000!important}.form-purchase-search-input input{width:100%;height:46px;position:inherit;color:#000;border:2px solid #00000040;border-radius:.5rem;margin-bottom:1rem;padding:0 1rem;transition:all .3s ease-in-out;box-shadow:1px 4px 5px #0000001a;background-color:#0000!important}.form-purchase-search-input input:focus{border:2px solid #2f3640;box-shadow:none!important;background-color:#0000!important;outline:none!important}.form-purchase-search-input a{width:100%;height:46px;position:inherit;color:#fff;background-color:#169525d9;border:2px solid #00000040;border-radius:.5rem;justify-content:center;align-items:center;margin-bottom:1rem;padding:0 1rem;transition:all .3s ease-in-out;display:flex;box-shadow:1px 4px 5px #0000001a}.form-purchase-search-input a:focus{border:2px solid #2f3640;box-shadow:none!important;color:#fff!important;background-color:#169525!important;outline:none!important}.form-purchase-search-input-2{position:relative}.form-purchase-search-input-2 label{color:#000;z-index:0;margin-bottom:.5rem;font-size:15px;font-weight:400;transition:all .3s ease-in-out;display:block;position:absolute;top:-2px;right:26px}.form-purchase-search-input-2 label:after{background-color:#0000!important}.form-purchase-search-input-2 .active-label{color:#000;font-size:16px;font-weight:400;transition:all .3s ease-in-out;position:absolute;top:0;right:10px;background-color:#0000!important}.form-purchase-search-input-2 .active-label:after{background-color:#0000!important}.form-purchase-search-input-2 input{width:100%;height:46px;box-shadow:none;position:inherit;color:#000;text-align:center;border:none;border-radius:.5rem;padding:0 1rem;transition:all .3s ease-in-out;background-color:#0000!important}.form-purchase-search-input-2 input:focus{border:none;box-shadow:none!important;background-color:#0000!important;outline:none!important}.form-purchase-search-input-2 a{width:100%;height:46px;position:inherit;color:#fff;background-color:#169525d9;border:2px solid #00000040;border-radius:.5rem;justify-content:center;align-items:center;margin-bottom:1rem;padding:0 1rem;transition:all .3s ease-in-out;display:flex;box-shadow:1px 4px 5px #0000001a}.form-purchase-search-input-2 a:focus{border:2px solid #2f3640;box-shadow:none!important;color:#fff!important;background-color:#169525!important;outline:none!important}.purchase-loadding-data{justify-content:center;align-items:center;max-height:40vh;margin:18%;display:flex}.purchase-loadding-data .spinner-border{color:#2f3640}.purchases-no-data{color:#000;max-height:30vh;margin:7%;font-size:20px;font-weight:600;display:block}.purchases-no-data .img-empty{justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto;display:flex}.purchases-no-data span{text-align:center;justify-content:center;align-items:center;margin:10px auto;font-size:25px;font-weight:700;display:flex}.list-group-item{align-items:center;display:flex}.item-purchases{background-color:#0000000d;border-radius:10px;width:100%;margin:10px 0;padding:10px;display:block}.item-purchases-card{background-color:#2f36400d;border-radius:10px;width:100%;margin:10px;padding:10px;display:block}.item-purchases-card-header{justify-content:space-between;margin-bottom:5px;display:flex}.item-purchases-card-header h4{color:#000;margin:0;font-size:16px;font-weight:500}.item-purchases-card-header-icon{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.item-purchases-card-header-icon svg{transform:scale(.3);overflow:initial!important}.item-purchases-card-body{display:flex}.item-purchases-card-body h5{color:#000;margin:0;font-size:15px;font-weight:500}.change-icon{cursor:pointer;background-color:#2f364026;border-radius:4rem;width:200px;height:40px;transition:all .3s ease-in-out;display:flex}.change-icon:hover{background-color:#2f364033}.change-icon span{white-space:nowrap;justify-content:center;align-items:center;margin-top:-3px;font-size:14px;display:flex;overflow:initial!important}.change-icon svg{justify-content:center;align-items:center;display:flex;transform:scale(.4);overflow:initial!important}.change-icon-2{cursor:pointer;background-color:#2f3640bf;border-radius:4rem;width:170px;height:40px;transition:all .3s ease-in-out;display:flex}.change-icon-2:hover{background-color:#2f3640e6}.change-icon-2 span{white-space:nowrap;color:#eef2fa;justify-content:center;align-items:center;margin-top:-3px;font-size:14px;display:flex;overflow:initial!important}.change-icon-2 svg{justify-content:center;align-items:center;display:flex;transform:scale(.4);overflow:initial!important}.active-icon{background-color:#2f364033;border-radius:4rem;width:50px;height:40px;display:flex}.active-icon svg{justify-content:center;align-items:center;margin-top:-3px;display:flex;transform:scale(.4);overflow:initial!important}.list-group-overflow{max-height:300px;overflow-y:auto}.accountsHome{background-color:#eef2fa;min-height:91vh!important}.accountsHome .home_btns{min-height:89vh!important}.accountsHome .home_btns .home_btn{color:#2f3640;cursor:pointer;background-color:#fff;border:1px solid #0d4f78;border-radius:16px;width:200px;height:200px;transition:all .3s ease-in-out;margin:.5rem!important}@media (max-width:576px){.accountsHome .home_btns .home_btn{width:70%;height:100%}}.accountsHome .home_btns .home_btn img{width:80px;height:auto;padding-bottom:10px}@media (max-width:576px){.accountsHome .home_btns .home_btn img{scale:.8}}.accountsHome .home_btns .home_btn img:hover{scale:1}.accountsHome .home_btns .home_btn:hover{scale:1.1}.settings .home_btns .home_btn{color:#2f3640;cursor:pointer;background-color:#fff;border:1px solid #0d4f78;border-radius:16px;width:200px;height:200px;transition:all .3s ease-in-out;margin:.5rem!important}@media (max-width:576px){.settings .home_btns .home_btn{width:70%;height:100%}}.settings .home_btns .home_btn img{width:80px;height:auto;padding-bottom:10px}@media (max-width:576px){.settings .home_btns .home_btn img{scale:.8}}.settings .home_btns .home_btn img:hover{scale:1}.settings .home_btns .home_btn:hover{scale:1.1}.activation-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.activation-container .activation-card{background:#fff;border-radius:24px;width:100%;max-width:480px;animation:.5s ease-out slideUp;overflow:hidden;box-shadow:0 20px 60px #0000004d}.activation-container .activation-card .checking{text-align:center;background:#fff;border-radius:20px;padding:60px 40px;box-shadow:0 20px 60px #0000004d}.activation-container .loader-wrapper{margin-bottom:30px}.activation-container .spinner{color:#667eea;animation:1s linear infinite spin}.activation-container h2{color:#333;margin-bottom:10px;font-size:24px}.activation-container p{color:#666;font-size:16px}.activation-container .card-header{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:30px 25px 25px;position:relative}.activation-container .icon-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:3px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 25px;display:flex}.activation-container .main-icon{font-size:40px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.activation-container h1{text-shadow:0 2px 4px #0000001a;margin:0 0 10px;font-size:32px;font-weight:700}.activation-container .subtitle{opacity:.95;color:#fff;margin:0;font-size:16px}.activation-container .activation-form{padding:40px}.activation-container .form-group{margin-bottom:25px}.activation-container label{color:#333;align-items:center;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.activation-container .label-icon{color:#667eea;margin-left:8px}.activation-container .form-input{box-sizing:border-box;text-align:center;letter-spacing:2px;direction:ltr;border:2px solid #e0e0e0;border-radius:12px;width:100%;padding:15px 18px;font-size:16px;font-weight:500;transition:all .3s}.activation-container .form-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea1a}.activation-container .form-input.input-error{background-color:#fef2f2;border-color:#ef4444}.activation-container .form-input:disabled{cursor:not-allowed;background-color:#f5f5f5}.activation-container .device-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;align-items:center;margin-bottom:25px;padding:15px;display:flex}.activation-container .device-icon{color:#667eea;margin-left:15px;font-size:24px}.activation-container .device-details{flex-direction:column;flex:1;display:flex}.activation-container .device-label{color:#666;margin-bottom:4px;font-size:12px}.activation-container .device-id{color:#333;word-break:break-all;font-family:Courier New,monospace;font-size:13px;font-weight:600}.activation-container .error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;margin-bottom:20px;padding:12px 16px;font-size:14px;animation:.5s shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.activation-container .error-message svg{flex-shrink:0;margin-left:10px;font-size:18px}.activation-container .submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #667eea66}.activation-container .submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.activation-container .submit-button:active:not(:disabled){transform:translateY(0)}.activation-container .submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.activation-container .submit-button svg{margin-left:10px;font-size:20px}.activation-container .button-spinner{animation:1s linear infinite spin}.activation-container .card-footer{text-align:center;background:#f8f9fa;border-top:1px solid #e9ecef;padding:25px 40px 35px}.activation-container .card-footer p{color:#666;margin:0;font-size:13px;line-height:1.6}@media (max-width:640px){.activation-container .activation-card{margin:10px}.activation-container .card-header{padding:40px 30px 30px}.activation-container .activation-form{padding:30px 25px}.activation-container h1{font-size:26px}.activation-container .subtitle{font-size:14px}}.activation-container .whatsapp-contact{background:#25d366;border-radius:10px;align-items:center;padding:12px 16px;transition:all .3s;display:flex;box-shadow:0 2px 8px #25d36633}.activation-container .whatsapp-icon{color:#fff;margin-left:12px;font-size:28px}.activation-container .contact-details{flex-direction:column;flex:1;gap:4px;display:flex}.activation-container .contact-label{color:#ffffffe6;align-items:center;font-size:14px;font-weight:500;display:flex}.activation-container .phone-number{color:#fff;direction:ltr;align-items:center;gap:6px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.activation-container .phone-number:hover{opacity:.9}.activation-container .phone-icon{font-size:14px}.activation-container .whatsapp-contact{padding:10px 14px}.activation-container .whatsapp-icon{margin-left:10px;font-size:24px}.activation-container .phone-number{font-size:15px}.activation-container .support-link{color:#146197;margin-top:8px;font-weight:600;text-decoration:underline;transition:all .2s}.enterPurchases{border:2px solid #2f3640;border-radius:.5rem;overflow:hidden}.enterPurchases .table-small-item{overflow:hidden;border-radius:.5rem!important}.enterPurchases .table-small-item tr td{justify-content:center;display:flex;height:40px!important}.enterPurchases input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(.8);border-radius:4px;margin-right:5rem}.enterPurchases input[type=date]::-webkit-datetime-edit{color:#fff;position:relative}.enterPurchases input[type=date]::-webkit-inner-spin-button{color:#fff;position:relative}.enterPurchases input[type=date]::-webkit-clear-button{color:#fff;position:relative}.enterPurchases input[type=date]::-webkit-datetime-edit-year-field{color:#000;border-left:1px solid #8c8c8c;padding:2px 2px 2px 5px;left:45px;position:absolute!important}.enterPurchases input[type=date]::-webkit-datetime-edit-month-field{color:#000;border-left:1px solid #8c8c8c;padding:2px;left:26px;position:absolute!important}.enterPurchases input[type=date]::-webkit-datetime-edit-day-field{color:#000;padding:2px;left:4px;position:absolute!important}.enterPurchases .input-group{justify-content:space-between!important}.enterPurchases__input-container{position:relative;padding-top:2rem!important}.enterPurchases__input-container-2{position:relative;width:18%!important;padding:2rem 0 0!important}.enterPurchases__input-container-3{position:relative;padding-top:0!important}.enterPurchases__input-label{z-index:999;background:0 0;transition:all .25s;position:absolute;top:2.4rem;right:20px}.enterPurchases__input-label-select{z-index:0;background:0 0;transition:all .25s;position:absolute;top:2.5rem;right:20.9%!important}.enterPurchases__input,.users .modal-input,.enter-purchases-all .modal-input{text-align:center;position:inherit;color:#000;transition:all .3s ease-in-out;background-color:#fff!important;border:2px solid #00000040!important;border-radius:.5rem!important;box-shadow:1px 4px 5px #0000001a!important}.enterPurchases__input:focus,.users .modal-input:focus,.enter-purchases-all .modal-input:focus{border:2px solid #000!important;outline:none!important}.enterPurchases .date-alignment{text-align:left!important}.enterPurchases .to-top{top:.2rem!important;right:10px!important}.enterPurchases .item-number-list{width:90%!important;top:4.5rem!important}.enterPurchases .input-section-3{justify-content:center;align-items:center;display:flex}.enterPurchases .colorMain{color:#eef2fa;background-color:#2f3640}.enterPurchases .border{border:2px solid #2f3640!important}.enterPurchases .border2{border:1px solid #2f3640!important}.enterPurchases .borderNone{border:none}.enterPurchases .bg_secondery{background-color:#eef2fa}.enterPurchases input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.enterPurchases input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.enterPurchases .text_secondery{color:#eef2fa}.enterPurchases li{min-height:40px;display:flex;height:auto!important}.enterPurchases .height{height:40x!important}.enterPurchases .min-width{min-width:700px}.input-tabel-add{width:85vw;max-width:900px;height:40px;position:relative}.input-tabel-add input{text-align:center;width:100%;height:40px;background-color:#0000!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.input-tabel-add input:focus{box-shadow:none!important;background-color:#00000040!important;outline:none!important}.input-tabel-add button{background-color:#0000;border-radius:5px;position:absolute;top:15px;right:10px;color:#000!important;border:none!important}.input-tabel-add button:hover{background-color:#00000040!important}.removeBtn{z-index:999;border-radius:5px;position:absolute;top:15px;right:15px;color:#000!important;background-color:#fff!important;border:none!important}.removeBtn:hover{background-color:#00000040!important}.btn-ass-item{color:#2f3640bf;background-color:#2f364040;border:1px solid #ced4da;justify-content:end;align-items:center;width:fit-content;height:34px;margin:.5rem;display:flex;border-radius:.5rem!important}.btn-ass-item svg{transform:scale(.55)!important}.btn-ass-item:hover{color:#2f3640}.btn-ass-item:focus{outline:0;box-shadow:none!important}.btn-delete-item{color:#eef2fa;justify-content:center;align-items:center;width:32px;height:32px;margin:.2rem;transition:all .3s ease-in-out;display:flex;box-shadow:1px 4px 10px #00000026;background-color:#ff6060!important;border:none!important;border-radius:.25rem!important;top:8px!important}.btn-delete-item svg{transform:scale(.65)!important}.btn-delete-item:hover{background-color:#ff2020;box-shadow:1px 4px 10px #00000040!important}.btn-done-item{color:#eef2fa;justify-content:center;align-items:center;width:32px;height:32px;margin:.2rem;transition:all .3s ease-in-out;display:flex;left:0;box-shadow:1px 4px 10px #00000026;background-color:#42a145!important;border:none!important;border-radius:.25rem!important;top:8px!important}.btn-done-item svg{transform:scale(.65)!important}.btn-done-item:hover{background-color:#ff2020;box-shadow:1px 4px 10px #00000040!important}.form-control-tabel{text-align:center;background-color:#ffffffbf;border:1px solid #ced4da;width:100%;color:#000!important;border-radius:0!important;height:37.6px!important}.form-control-tabel:hover{background-color:#fffffff2}.form-control-tabel:focus,.form-select:focus{background-color:#fffffff2;border:1px solid #c3c5c8;outline:0;box-shadow:none!important}.btns-item{justify-content:center;align-items:center;width:100%;max-width:860px;height:100%;margin:auto;display:flex}.btn-save-item{color:#eef2fa;text-align:center;justify-content:center;align-items:center;width:200px;height:50px;margin:auto;transition:all .3s ease-in-out;display:flex;box-shadow:1px 4px 10px #00000026;background-color:#2f3640bf!important;border:none!important;border-radius:.25rem!important}.btn-save-item:hover{box-shadow:1px 4px 10px #00000040;color:#fff!important;background-color:#2f3640!important}.btn-save-item-2{color:#eef2fa;text-align:center;justify-content:center;align-items:center;width:200px;height:50px;margin:auto;transition:all .3s ease-in-out;display:flex;box-shadow:1px 4px 10px #00000026;background-color:#2e7d31f2!important;border:none!important;border-radius:.25rem!important}.btn-save-item-2:hover{box-shadow:1px 4px 10px #00000040;color:#fff!important;background-color:#29712b!important}.btn-close-item{color:#eef2fa;text-align:center;justify-content:center;align-items:center;width:200px;height:50px;margin:auto;transition:all .3s ease-in-out;display:flex;box-shadow:1px 4px 10px #00000026;color:#fff!important;background-color:#ff6060bf!important;border:none!important;border-radius:.25rem!important}.btn-close-item:hover{box-shadow:1px 4px 10px #00000040;background-color:#ff4e4ebf!important}.alert-item{text-align:center;max-width:800px;margin:1rem auto}.item-list-group{z-index:99999;cursor:pointer;background-color:#fff;border-radius:.5rem;margin:auto;padding-top:0;padding-bottom:0;transition:all .3s ease-in-out;left:0;right:0;width:100%!important;position:absolute!important;top:70px!important}.item-list-group li:hover{box-shadow:1px 4px 10px #00000040;background-color:#c3c5c8!important}.item-list-group-2{z-index:999;cursor:pointer;background-color:#fff;border-radius:.5rem;margin:auto;padding-top:0;padding-bottom:0;transition:all .3s ease-in-out;left:0;right:0;position:absolute!important;top:75px!important}.item-list-group-2 li:hover{box-shadow:1px 4px 10px #00000040;background-color:#c3c5c8!important}.item-list-group-3{z-index:999;cursor:pointer;background-color:#fff;border-radius:.5rem;margin:auto;padding-top:0;padding-bottom:0;transition:all .3s ease-in-out;left:0;right:0;width:fit-content!important;position:absolute!important;top:40px!important}.item-list-group-3 li:hover{box-shadow:1px 4px 10px #00000040;background-color:#c3c5c8!important}.close-icon-item{color:#fff;cursor:pointer;background-color:#d5d5d5;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .3s ease-in-out;display:flex;position:absolute;top:5px;left:6px}.close-icon-item svg{transform:scale(.65)!important}.close-icon-item:hover{background-color:#ff4e4e}.btn-ass-item-2{color:#eef2fa;text-align:center;background-color:#2f3640bf;justify-content:center;align-items:center;width:100%;height:50px;margin:1rem auto auto;transition:all .3s ease-in-out;display:flex;box-shadow:1px 4px 10px #00000026;border:none!important;border-radius:.25rem!important}.btn-ass-item-2:hover{background-color:#2f3640}.show{display:flex}.hide{display:none}@media (max-width:991px){.enterPurchases__input-container-2{width:48%!important}}@media (max-width:600px){.enterPurchases__input-container-2{width:100%!important}}.loadding{z-index:9999;background-color:#fff;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loadding .spinner-border{border-width:.25rem;border-color:#0000 #000 #000;width:3rem;height:3rem}.modal-dialog .addInput{width:100%;margin:0 .5rem 2.5rem 0}.modal-dialog .successfully,.modal-dialog .warning{font-size:1.2rem}.slide-bar{color:#222}.slide-bar .fa{text-align:center;vertical-align:middle;width:80px;height:36px;font-size:20px;display:table-cell;position:relative}.slide-bar .fa-2x{font-size:2em}.slide-bar .main-menu{box-shadow:1px 4px 10px #00000040}.slide-bar .main-menu .mt-short{margin-top:-.5rem}.slide-bar .main-menu:hover .mt-short{margin-top:.5rem!important}@media (max-width:992px){.slide-bar .main-menu .mt-short{margin-top:.5rem!important}}@media (min-width:993px){.slide-bar .main-menu:hover,.slide-bar .main-menu.expanded{padding:0 .5rem;overflow:visible}.slide-bar .main-menu:hover .main-menu-add,.slide-bar .main-menu.expanded .main-menu-add{width:100%;display:block;background-color:#fff!important;height:125px!important}.slide-bar .main-menu:hover .main-menu-add svg,.slide-bar .main-menu.expanded .main-menu-add svg{justify-content:center;align-items:center;margin:1.25rem auto auto;display:flex;transform:scale(1.25)!important}.slide-bar .main-menu:hover .main-menu-add span,.slide-bar .main-menu.expanded .main-menu-add span{color:#000000d9;text-align:center;justify-content:center;align-items:center;margin:1rem auto .75rem;font-size:16px;font-weight:700;display:flex}.slide-bar .main-menu:hover .main-menu-add:hover,.slide-bar .main-menu.expanded .main-menu-add:hover{background-color:#ffffffbf!important}.slide-bar .main-menu:hover .main-menu-copy,.slide-bar .main-menu.expanded .main-menu-copy{text-align:center;white-space:nowrap;color:#000000bf;border-top:2px solid #00000059;justify-content:center;width:100%;max-width:268px;padding:.5rem;font-size:12px;font-weight:700;transition:all .1s ease-in-out;display:flex;margin:2rem 0 0!important}.slide-bar .main-menu:hover .img_logo,.slide-bar .main-menu.expanded .img_logo{align-items:center;width:200px;height:60px;display:flex!important}.slide-bar .main-menu:hover .img_logo img,.slide-bar .main-menu.expanded .img_logo img{background-color:#fff;border:3px solid #000000d9;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:3px;transition:all .4s ease-in-out}.slide-bar .main-menu:hover .img_logo h2,.slide-bar .main-menu.expanded .img_logo h2{text-align:left;color:#000000d9;font-size:26px;font-weight:700;display:flex!important}.slide-bar .main-menu:hover li div .short-cast,.slide-bar .main-menu.expanded li div .short-cast{background-color:#0000000d;justify-content:space-around;align-items:center;width:100%;height:60px;display:flex;padding:8px 0 16px!important}.slide-bar .main-menu:hover li div .short-cast:hover,.slide-bar .main-menu.expanded li div .short-cast:hover{background-color:#0000000d!important}.slide-bar .main-menu:hover li div .short-cast .short-cast-svg,.slide-bar .main-menu.expanded li div .short-cast .short-cast-svg{transform:scale(.5)}.slide-bar .main-menu:hover li div a,.slide-bar .main-menu.expanded li div a{border-radius:.5rem!important;width:100%!important}.slide-bar .main-menu:hover li div a span,.slide-bar .main-menu.expanded li div a span{white-space:nowrap;display:flex!important}.slide-bar .main-menu{z-index:1000;-webkit-backdrop-filter:blur(5px);background:#fff;border:1px solid #fff;border-radius:16px;height:calc(100vh - 80px);transition:all .2s ease-in-out;position:fixed;top:70px;bottom:0;right:10px;overflow:hidden}.slide-bar .main-menu-title{text-align:center;white-space:nowrap;color:#000000bf;border-bottom:2px solid #00000059;max-width:60px;margin:.25rem .5rem;padding:.35rem 0;font-size:13px;font-weight:700}.slide-bar .main-menu-copy{text-align:center;color:#000000bf;border-top:2px solid #00000059;width:100%;margin-top:2rem;padding:.5rem;font-size:12px;font-weight:500;transition:all .1s ease-in-out;bottom:0;right:0}.slide-bar .main-menu-add{justify-content:center;align-items:center;height:60px;padding:5px;display:flex}.slide-bar .main-menu-add svg{margin:5px}.slide-bar .main-menu .img_logo{justify-content:center;width:80px;height:80px;margin-top:.5rem;display:flex}.slide-bar .main-menu .img_logo img{background-color:#fff;border:3px solid #00000080;border-radius:50%;justify-content:center;width:50px;height:50px;margin:.2rem auto;padding:3px;transition:all .4s ease-in-out}.slide-bar .main-menu .img_logo h2{text-align:left;white-space:nowrap;font-size:26px;font-weight:700;display:none}.slide-bar .main-menu>ul{margin:7px 0}.slide-bar .main-menu li{width:250px;margin:auto;display:block;position:relative}.slide-bar .main-menu li .short-cast{height:165px;overflow:hidden;border-radius:1rem!important;padding:0 0 .3rem!important;transition:all .15s ease-in-out!important}.slide-bar .main-menu li .short-cast .short-cast-svg{background-color:#0000!important;height:40px!important;margin-right:.8rem!important;transform:scale(.75)!important}.slide-bar .main-menu li>div a{border-collapse:collapse;border-spacing:0;color:#000;margin:.25rem 9px;font-size:22px;font-weight:500;text-decoration:none;transition:all .2s linear;display:table;position:relative;border-radius:.5rem!important;width:60px!important;padding:.25rem!important}.slide-bar .main-menu li>div a span{display:none!important}.slide-bar .main-menu li>div a svg{transform:scale(.75)!important}.slide-bar .main-menu li div a span{align-items:center;margin:auto 1rem;display:flex}.slide-bar .main-menu li div a span svg{transform:scale(.75)!important}.slide-bar .main-menu .nav-icon{text-align:center;vertical-align:middle;width:80px;height:28px;font-size:18px;display:table-cell;position:relative}.slide-bar .main-menu .nav-text{vertical-align:middle;width:190px;display:table-cell;position:relative}.slide-bar .main-menu>ul.logout{position:absolute;bottom:0;right:0}}@media (max-width:992px){.slide-bar .main-menu,.slide-bar .main-menu.expanded{padding:0 .5rem;overflow:visible;width:290px!important}.slide-bar .main-menu .main-menu-add,.slide-bar .main-menu.expanded .main-menu-add{width:100%;display:block;background-color:#fff!important;height:125px!important}.slide-bar .main-menu .main-menu-add svg,.slide-bar .main-menu.expanded .main-menu-add svg{justify-content:center;align-items:center;margin:1.25rem auto auto;display:flex;transform:scale(1.25)!important}.slide-bar .main-menu .main-menu-add span,.slide-bar .main-menu.expanded .main-menu-add span{color:#000000d9;text-align:center;justify-content:center;align-items:center;margin:1rem auto .75rem;font-size:16px;font-weight:500;display:flex}.slide-bar .main-menu .main-menu-add:hover,.slide-bar .main-menu.expanded .main-menu-add:hover{background-color:#ffffffbf!important}.slide-bar .main-menu .main-menu-copy,.slide-bar .main-menu.expanded .main-menu-copy{text-align:center;white-space:nowrap;color:#000000bf;border-top:2px solid #00000059;justify-content:center;width:100%;max-width:268px;padding:.5rem;font-size:12px;font-weight:500;transition:all .1s ease-in-out;display:flex;margin:2rem 0 0!important}.slide-bar .main-menu .img_logo,.slide-bar .main-menu.expanded .img_logo{align-items:center;height:60px;width:200px!important;display:flex!important}.slide-bar .main-menu .img_logo img,.slide-bar .main-menu.expanded .img_logo img{background-color:#fff;border:3px solid #000000d9;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:3px;transition:all .4s ease-in-out}.slide-bar .main-menu .img_logo h2,.slide-bar .main-menu.expanded .img_logo h2{text-align:left;color:#000000d9;font-size:26px;font-weight:700;display:flex!important}.slide-bar .main-menu li div .short-cast,.slide-bar .main-menu.expanded li div .short-cast{background-color:#0000000d;border-radius:5px;justify-content:space-around;align-items:center;width:100%;height:60px;margin-top:10px;display:flex;padding:8px 0 16px!important}.slide-bar .main-menu li div .short-cast:hover,.slide-bar .main-menu.expanded li div .short-cast:hover{background-color:#0000000d!important}.slide-bar .main-menu li div .short-cast .short-cast-svg,.slide-bar .main-menu.expanded li div .short-cast .short-cast-svg{transform:scale(.5)}.slide-bar .main-menu li div a,.slide-bar .main-menu.expanded li div a{border-radius:.5rem!important;width:100%!important}.slide-bar .main-menu li div a span,.slide-bar .main-menu.expanded li div a span{white-space:nowrap;display:flex!important}.slide-bar .main-menu{z-index:1000;background:#fff;border:1px solid #fff;border-radius:16px;width:80px;height:calc(100% - 80px);transition:all .2s ease-in-out;position:fixed;top:70px;bottom:0;right:calc(50% - 145px);box-shadow:0 4px 30px #00000080}}@media (max-width:992px) and (max-height:601px){.slide-bar .main-menu{overflow:scroll;height:calc(100vh - 80px)!important}}@media (max-width:992px){.slide-bar .main-menu-title{text-align:center;white-space:nowrap;color:#000000bf;border-bottom:2px solid #00000059;max-width:60px;margin:.15rem .5rem;padding:.15rem 0;font-size:24px;font-weight:500}.slide-bar .main-menu-copy{text-align:center;color:#000000bf;border-top:2px solid #00000059;width:100%;margin-top:2rem;padding:.5rem;font-size:12px;font-weight:500;transition:all .1s ease-in-out;bottom:0;right:0}.slide-bar .main-menu-add{justify-content:center;align-items:center;height:60px;padding:5px;display:flex}.slide-bar .main-menu-add svg{margin:5px}.slide-bar .main-menu .img_logo{justify-content:center;width:80px;height:80px;margin-top:.5rem;display:flex}.slide-bar .main-menu .img_logo img{background-color:#fff;border:3px solid #00000080;border-radius:50%;justify-content:center;width:50px;height:50px;margin:.2rem auto;padding:3px;transition:all .4s ease-in-out}.slide-bar .main-menu .img_logo h2{text-align:left;white-space:nowrap;font-size:24px;font-weight:700;display:none}.slide-bar .main-menu>ul{margin:7px 0}.slide-bar .main-menu li{width:250px;margin:auto;display:block;position:relative}.slide-bar .main-menu li .short-cast{height:165px;padding:0 0 .3rem!important;transition:all .15s ease-in-out!important}.slide-bar .main-menu li .short-cast .short-cast-svg{width:100%!important;height:40px!important;transform:scale(.75)!important}.slide-bar .main-menu li>div a{border-collapse:collapse;border-spacing:0;color:#000;margin:.1rem 9px;font-size:20px;font-weight:400;text-decoration:none;transition:all .2s linear;display:table;position:relative;border-radius:.5rem!important;padding:.05rem .25rem!important}.slide-bar .main-menu li>div a svg{transform:scale(.75)!important}.slide-bar .main-menu li div a span{align-items:center;margin:auto 1rem;display:flex}.slide-bar .main-menu li div a span svg{transform:scale(.75)!important}.slide-bar .main-menu .nav-icon{text-align:center;vertical-align:middle;width:80px;height:28px;font-size:18px;display:table-cell;position:relative}.slide-bar .main-menu .nav-text{vertical-align:middle;width:190px;display:table-cell;position:relative}.slide-bar .main-menu>ul.logout{position:absolute;bottom:0;right:0}}@media (max-width:992px) and (min-height:600px){.slide-bar .no-touch .scrollable.hover{overflow-y:scroll}.slide-bar .no-touch .scrollable.hover:hover{overflow:visible}}@media (max-width:992px) and (max-height:601px){.slide-bar .no-touch .scrollable.hover{overflow-y:scroll}.slide-bar .no-touch .scrollable.hover:hover{overflow:scroll}}.slide-bar .main-menu{-webkit-user-select:none;user-select:none}.slide-bar .main-menu ul,.slide-bar .main-menu li{outline:0;margin:0;padding:0}.slide-bar .active{cursor:pointer;background-color:#2f364073;border-radius:.5rem}.slide-bar .customHover:hover{color:#000;cursor:pointer;background-color:#2f364059;border-radius:.5rem}@media (min-width:993px){.main-menu{width:60px;overflow:hidden}.main-menu:hover,.main-menu.expanded{width:250px}.main-menu-responsive{transform:translate(.6rem,-4.5rem)}}@media (max-width:992px){.main-menu{width:60px;overflow:hidden}.main-menu:hover,.main-menu.expanded{width:250px}.main-menu-responsive{transform:translate(.6rem,-3%)}}.inovice-bg{border-top:115px solid #0000;border-bottom:115px solid #0000;border-right:208px solid #242424;height:278mm;position:absolute;right:-32px}.invoice .minHight{height:100%}.invoice .value{font-weight:700}.invoice .row{--bs-gutter-x:0!important}.invoice .mt-25px{margin-top:25px}.invoice .mt-38px{margin-top:38px}.invoice .header p{border:1px solid #000;padding:5px;margin:0!important}.invoice .body{width:100%;margin:0!important}.invoice .footer .border{border:1px solid #000!important;margin:0!important;padding:0 5px!important}.invoice .table,.invoice .table tr{border:0}.invoice .table tr th{border:0;padding:0}.invoice .table tr th div{text-align:center;color:#fff;background-color:#2a3d56;border:1px solid #000;flex-direction:column;justify-content:center;width:100%;height:35px;display:flex}.invoice .table tr td{border-bottom:2px solid #444;padding:0}.invoice .table tr td div{text-align:center;color:#000;flex-direction:column;justify-content:center;width:100%;height:35px;display:flex}.invoice .table tr td .bg-gold{color:#fff;font-weight:500}.invoice .table tr td .span-2{-moz-column-span:2;column-span:2}.invoice .cell{text-align:center;color:#000;background-color:#fff;flex-direction:column;justify-content:center;height:35px;display:flex}.invoice .bg-gold{text-align:center;color:#fff;flex-direction:column;justify-content:center;height:35px;font-weight:500;display:flex}.invoice .m-2px{margin:2px}.invoice .col-span{grid-column:span 5}.invoice-con{flex-direction:column;justify-content:center;align-items:center;max-width:216mm;display:flex}@import url(https://fonts.googleapis.com/css2?family=Changa:wght@200..800&display=swap);.invoice-2 *{font-optical-sizing:auto;font-style:normal;font-family:Changa,sans-serif!important}.invoice-2 .lable{color:#000;background:#d1d1d1;border:1px solid #000;margin-bottom:0;padding:5px 10px;font-size:20px;font-weight:700}.invoice-2 .minWidth{min-width:400px}.invoice-2 .value{color:#000;border:1px solid #000;margin-bottom:0;padding:5px 10px;font-size:20px;font-weight:500}.invoice-2 .minHight{height:100%}.invoice-2 .value{font-weight:700}.invoice-2 .row{--bs-gutter-x:0!important}.invoice-2 .mt-25px{margin-top:25px}.invoice-2 .mt-38px{margin-top:38px}.invoice-2 .pt-125px{padding-top:125px}.invoice-2 .order-number-text{font-size:20px;font-weight:700}.invoice-2 .order-number,.invoice-2 .order-date{font-size:18px;font-weight:500}.invoice-2 .order-date-text{font-size:20px;font-weight:700}.invoice-2 .addres{font-size:16px;font-weight:400}.invoice-2 .header p{border:1px solid #000;padding:5px;margin:0!important}.invoice-2 table{font-size:14px}.invoice-2 .body{width:100%;margin:0!important}.invoice-2 .text-white{color:#fff!important}.invoice-2 .footer .border{border:1px solid #000!important;margin:0!important;padding:0 5px!important}.invoice-2 .font18{font-size:20px!important}.invoice-2 .table{border:1px solid #000;margin-top:10px;margin-bottom:10px}.invoice-2 .table .bg{background-color:#e2e2e2}.invoice-2 .table .w-75px{width:75px}.invoice-2 .table .font-weight-bold{font-weight:700}.invoice-2 .table tr{border:0}.invoice-2 .table tr th{background:#d1d1d1;border:1px solid #000;padding:0}.invoice-2 .table tr th div{text-align:center;color:#000;flex-direction:column;justify-content:center;width:100%;height:40px;font-size:20px;font-weight:700;display:flex}.invoice-2 .table tr td{border:1px solid #000;max-width:300px;padding:0;border-bottom:2px solid #acacac!important}.invoice-2 .table tr td div{text-align:center;color:#000;text-align:center;flex-direction:column;justify-content:center;width:100%;max-width:300px;height:30px;margin-left:auto;margin-right:auto;display:flex}.invoice-2 .table tr td .bg-gold{color:#fff;font-weight:500}.invoice-2 .table tr td .span-2{-moz-column-span:2;column-span:2}.invoice-2 .cell{text-align:center;color:#000;background-color:#fff;flex-direction:column;justify-content:center;height:35px;display:flex}.invoice-2 .bg-gold{text-align:center;color:#fff;flex-direction:column;justify-content:center;height:35px;font-weight:500;display:flex}.invoice-2 .m-2px{margin:2px}.invoice-2 .col-span{grid-column:span 5}@import url(https://fonts.googleapis.com/css2?family=Changa:wght@200..800&display=swap);.invoice-3 *{font-optical-sizing:auto;font-style:normal;font-family:Changa,sans-serif!important}.invoice-3 .lable{color:#000;background:#d1d1d1;border:1px solid #000;margin-bottom:0;padding:5px 10px;font-size:20px;font-weight:700}.invoice-3 .minWidth{min-width:400px}.invoice-3 .value{color:#000;border:1px solid #000;margin-bottom:0;padding:5px 10px;font-size:20px;font-weight:500}.invoice-3 .minHight{height:100%}.invoice-3 .value{font-weight:700}.invoice-3 .row{--bs-gutter-x:0!important}.invoice-3 .mt-25px{margin-top:25px}.invoice-3 .mt-38px{margin-top:38px}.invoice-3 .pt-125px{padding-top:125px}.invoice-3 .order-number-text{font-size:20px;font-weight:700}.invoice-3 .order-number,.invoice-3 .order-date{font-size:18px;font-weight:500}.invoice-3 .order-date-text{font-size:20px;font-weight:700}.invoice-3 .addres{font-size:16px;font-weight:400}.invoice-3 .header p{border:1px solid #000;padding:5px;margin:0!important}.invoice-3 table{font-size:18px}.invoice-3 .body{width:100%;margin:0!important}.invoice-3 .text-white{color:#fff!important}.invoice-3 .footer .border{border:1px solid #000!important;margin:0!important;padding:0 5px!important}.invoice-3 .font18{font-size:24px!important}.invoice-3 .table{border:1px solid #000;margin-top:10px;margin-bottom:10px}.invoice-3 .table .bg{background-color:#e2e2e2}.invoice-3 .table .w-75px{width:75px}.invoice-3 .table .font-weight-bold{font-weight:700}.invoice-3 .table tr{border:0}.invoice-3 .table tr th{background:#d1d1d1;border:1px solid #000;padding:0}.invoice-3 .table tr th div{text-align:center;color:#000;flex-direction:column;justify-content:center;width:100%;height:40px;font-size:24px;font-weight:700;display:flex}.invoice-3 .table tr td{border:1px solid #000;max-width:225px;padding:0;border-bottom:2px solid #acacac!important}.invoice-3 .table tr td div{text-align:center;color:#000;text-align:center;flex-direction:column;justify-content:center;width:100%;height:44px;margin-left:auto;margin-right:auto;display:flex}.invoice-3 .table tr td .bg-gold{color:#fff;font-weight:500}.invoice-3 .table tr td .span-2{-moz-column-span:2;column-span:2}.invoice-3 .cell{text-align:center;color:#000;background-color:#fff;flex-direction:column;justify-content:center;height:35px;display:flex}.invoice-3 .bg-gold{text-align:center;color:#fff;flex-direction:column;justify-content:center;height:35px;font-weight:500;display:flex}.invoice-3 .m-2px{margin:2px}.invoice-3 .col-span{grid-column:span 5}@import url(https://fonts.googleapis.com/css2?family=Changa:wght@200..800&display=swap);.invoice-client *{font-optical-sizing:auto;font-style:normal;font-family:Changa,sans-serif!important}.invoice-client .border-left{border-left:1px solid #000}.invoice-client .lable{color:#000;margin-bottom:0;font-size:16px;font-weight:700}.invoice-client .minWidth{min-width:400px}.invoice-client .value,.invoice-client .value span{color:#000;margin-bottom:0;font-size:16px;font-weight:700}.invoice-client .minHight{height:100%}.invoice-client .row{--bs-gutter-x:0!important}.invoice-client .mt-25px{margin-top:25px}.invoice-client .mt-38px{margin-top:38px}.invoice-client .pt-125px{padding-top:125px}.invoice-client .order-number-text{font-size:20px;font-weight:700}.invoice-client .order-number,.invoice-client .order-date{font-size:18px;font-weight:500}.invoice-client .order-date-text{font-size:20px;font-weight:700}.invoice-client .addres{font-size:16px;font-weight:400}.invoice-client .header p{border:1px solid #000;padding:5px;margin:0!important}.invoice-client .body{width:100%;margin:0!important}.invoice-client .text-white{color:#fff!important}.invoice-client .footer .border{border:1px solid #000!important;margin:0!important;padding:0 5px!important}.invoice-client .font18{font-size:16px!important}.invoice-client .table{margin-top:15px}.invoice-client .table .bg{background-color:#e2e2e2}.invoice-client .table .w-75px{width:75px}.invoice-client .table .font-weight-bold{font-weight:700}.invoice-client .table tr{border:0}.invoice-client .table tr th{border-bottom:1px solid #000;padding:0}.invoice-client .table tr th div{text-align:center;color:#000;flex-direction:column;justify-content:center;width:100%;font-size:16px;font-weight:700;display:flex}.invoice-client .table tr td{vertical-align:middle;border-bottom:1px solid #000;max-width:225px;padding:0;border-bottom:2px solid #acacac!important}.invoice-client .table tr td div{text-align:center;color:#000;text-align:center;flex-direction:column;justify-content:center;width:100%;max-width:225px;margin-left:auto;margin-right:auto;display:flex}.invoice-client .table tr td .bg-gold{color:#fff;font-weight:500}.invoice-client .table tr td .span-2{-moz-column-span:2;column-span:2}.invoice-client .cell{text-align:center;color:#000;flex-direction:column;justify-content:center;display:flex}.invoice-client .bg-gold{text-align:center;color:#fff;flex-direction:column;justify-content:center;font-weight:500;display:flex}.invoice-client .m-2px{margin:2px}.invoice-client .col-span{grid-column:span 5}.invoice-payment .title{color:#000;text-align:center;font-size:56px;font-weight:500}.invoice-payment .w-40{width:40%}.invoice-payment .w-20{width:20%}.invoice-payment .info{color:#000;font-size:12px;font-weight:400;margin-bottom:0!important}.invoice-payment .numbers{color:#000;font-size:18px;font-weight:400;margin-bottom:0!important}.invoice-payment .title2{color:#000;text-align:center;font-size:32px;font-weight:500}.invoice-payment .detailes{color:#000;font-size:18px;font-weight:500}.invoice-payment .value{color:#000;font-size:16px}.invoice-payment .border-value{border:1px solid #000;padding:10px 20px}.invoice-transactions .header{color:#000}.invoice-transactions .footer .border{margin:0!important;padding:0 5px!important}.invoice-transactions .font18{font-size:16px!important}.invoice-transactions .table{border:2px solid #000;margin-top:15px}.invoice-transactions .table .bg{background-color:#e2e2e2}.invoice-transactions .table .w-75px{width:75px}.invoice-transactions .table .font-weight-bold{font-weight:700}.invoice-transactions .table tr{border:0}.invoice-transactions .table tr th{padding:0;border:1px solid #000!important}.invoice-transactions .table tr th div{text-align:center;color:#000;flex-direction:column;justify-content:center;width:100%;height:40px;font-size:16px;font-weight:700;display:flex}.invoice-transactions .table tr td{vertical-align:middle;border:0;max-width:225px;padding:0;border:1px solid #000!important}.invoice-transactions .table tr td div{text-align:center;color:#000;text-align:center;flex-direction:column;justify-content:center;width:100%;max-width:225px;height:35px;margin-left:auto;margin-right:auto;display:flex}.invoice-transactions .table tr td .bg-gold{color:#fff;font-weight:500}.invoice-transactions .table tr td .span-2{-moz-column-span:2;column-span:2}.invoice-transactions .cell{text-align:center;color:#000;flex-direction:column;justify-content:center;display:flex}.invoice-transactions .bg-gold{text-align:center;color:#fff;flex-direction:column;justify-content:center;font-weight:500;display:flex}.invoice-transactions .m-2px{margin:2px}.invoice-transactions .col-span{grid-column:span 5}.controls-container{z-index:3000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;flex-direction:row-reverse;align-items:center;gap:12px;max-width:calc(100vw - 40px);padding:12px 24px;display:flex;position:fixed;top:90px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 8px 32px #0000001a}.control-button{color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:140px;margin:auto;padding:12px 50px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.control-button:active{transform:translateY(0)}.control-button.control-button-primary{background:linear-gradient(135deg,#6baa27,#5a9520)}.control-button.control-button-primary:hover{background:linear-gradient(135deg,#5a9520,#4a8019)}.control-button.control-button-success{background:linear-gradient(135deg,#10b981,#059669)}.control-button.control-button-success:hover{background:linear-gradient(135deg,#059669,#047857)}.control-button.control-button-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.control-button.control-button-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.editor-panel{z-index:2000;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:360px;max-height:calc(100vh - 130px);animation:.4s cubic-bezier(.4,0,.2,1) slideInRight;position:fixed;top:110px;right:20px;overflow-y:auto;box-shadow:0 10px 40px #0000001a}.invoice-edit-layout{background:#f8fafc;grid-template-columns:1fr;gap:20px;min-height:100vh;padding:110px 320px 20px;display:grid;overflow:auto!important}.elements-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;order:1;width:320px;height:calc(100vh - 90px);padding:20px;position:fixed;top:90px;left:0;overflow-y:auto;box-shadow:0 10px 40px #0000001a}.properties-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;order:3;width:320px;height:calc(100vh - 130px);padding:20px 20px 80px;position:fixed;top:90px;right:0;overflow-y:auto;box-shadow:0 10px 40px #0000001a}.invoice-edit-content{flex-direction:column;order:2;align-items:center;padding:20px 0;display:flex}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.tabs{background:#f8fafc;border-bottom:2px solid #f3f4f6;border-radius:16px 16px 0 0;margin-bottom:20px;padding:0 20px;display:flex}.tab-button{cursor:pointer;color:#64748b;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 12px;font-size:13px;font-weight:600;transition:all .3s;display:flex;position:relative}.tab-button:hover{color:#6baa27;background:#6baa270d}.tab-button-active{color:#6baa27;background:#fff;border-bottom-color:#6baa27}.tab-content{min-height:400px}.section-title{color:#1e293b;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:2px solid #f1f5f9;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:15px;font-weight:700;display:flex}.element-button{cursor:pointer;color:#475569;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 16px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.element-button:hover{color:#1e293b;background:#c8e6ac;border-color:#6baa27;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #6baa2726}.file-input-label{cursor:pointer;text-align:center;color:#475569;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:16px;padding:16px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.file-input-label:hover{color:#1e293b;background:#c8e6ac;border-color:#6baa27}.delete-button,.reset-button{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:14px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.delete-button{color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #fecaca}.delete-button:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-1px)}.reset-button{color:#d97706;background:linear-gradient(135deg,#fffbeb,#fed7aa);border:1px solid #fed7aa}.reset-button:hover{background:linear-gradient(135deg,#fed7aa,#fdba74);transform:translateY(-1px)}.layers-container{height:100%;padding-right:8px;overflow-y:auto}.layer-group-title{color:#334155;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-right:4px solid #6baa27;border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.layer-item{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:10px;margin-bottom:8px;padding:2px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.layer-item:before{content:"";background:#6baa27;width:3px;position:absolute;top:0;bottom:0;right:0;transform:scaleY(0)}.layer-item:hover{border-color:#6baa27;transform:translate(4px);box-shadow:0 4px 12px #6baa271a}.layer-item-selected{background:linear-gradient(135deg,#c8e6ac,#e9f5d6);border-color:#6baa27;transform:translate(4px);box-shadow:0 6px 20px #6baa2726}.layer-item-content{justify-content:space-between;align-items:center;display:flex}.layer-item-info{cursor:pointer;flex:1;align-items:center;gap:14px;display:flex}.layer-icon{color:#6baa27;background:#6baa271a;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;font-size:18px;display:flex}.layer-name{color:#1e293b;font-size:13px;font-weight:600}.layer-hidden{opacity:.6;text-decoration:line-through}.lock-icon{color:#f59e0b}.layer-item-actions{gap:6px;display:flex}.layer-action-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;font-size:14px;transition:all .2s;display:flex}.layer-action-btn:hover{color:#6baa27;background:#6baa271a;transform:scale(1.1)}.delete-btn:hover,.users .edit-btn:hover{color:#ef4444;background:#ef44441a}.property-group{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;margin-bottom:20px;padding:16px}.property-input,.property-select{color:#000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:12px 14px;font-size:13px;transition:all .3s}.property-input:focus,.property-select:focus{border-color:#6baa27;outline:none;box-shadow:0 0 0 3px #6baa271a}.textarea{resize:vertical;min-height:80px;font-family:inherit}.property-color{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;height:44px}.range-input{appearance:none;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px;margin-bottom:6px}.range-input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#6baa27;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0003}.range-value{color:#64748b;text-align:center;font-size:12px;font-weight:600;display:block}.alignment-buttons{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:6px;padding:6px;display:flex}.alignment-button{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:10px;transition:all .3s;display:flex}.alignment-button:hover{color:#6baa27;background:#f1f5f9}.alignment-button-active{color:#fff;background:#6baa27;box-shadow:0 2px 8px #6baa274d}.position-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.position-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:10px;font-size:12px}.position-input:focus{border-color:#6baa27;outline:none}.element-indicator{color:#fff;white-space:nowrap;z-index:1000;background:linear-gradient(135deg,#6baa27,#5a9520);border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-32px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.indicator-icon{font-size:10px}.text-element{box-sizing:border-box;align-items:center;width:100%;height:100%;padding:10px;display:flex}.image-container{width:100%;height:100%;position:relative;overflow:hidden}.rectangle-element,.line-element{width:100%;height:100%}.invoice-container{color:#374151;background:#f8fafc;min-height:100vh;font-family:Arial\, sans-serif;font-size:12px;position:relative}.invoice-container.editing-mode{background:0 0;padding-top:0}.invoice-page{background:#fff;border-radius:12px;width:210mm;min-height:280mm;margin:0 auto;padding:15mm;position:relative;box-shadow:0 10px 40px #0000001a}.layers-container::-webkit-scrollbar{width:6px}.tab-content::-webkit-scrollbar{width:6px}.layers-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.tab-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.layers-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.tab-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}@media print{body *{visibility:hidden}.invoice-container,.invoice-container *{visibility:visible}.invoice-container{width:100%;height:100%;position:absolute;top:0;left:0;background:#fff!important;margin:0!important;padding:0!important}.invoice-page{width:100%;min-height:100vh;box-shadow:none;page-break-inside:avoid;border-radius:0;margin:0;padding:20mm}.edit-button-container,.controls-container,.invoice-edit-layout,.properties-panel,.elements-panel{display:none!important}}.edit-button-container{z-index:1000;background-color:#fff;border-radius:10px;justify-content:center;align-items:center;width:100%;margin-top:40px;margin-left:auto;margin-right:auto;padding:10px 20px;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000001a}.invoice-edit-layout{background:#f5f5f5;gap:20px;height:100vh;padding:20px;display:flex;overflow:hidden}.properties-panel,.elements-panel{background:#fff;border-radius:8px;width:320px;min-height:600px;padding:20px;overflow-y:auto;box-shadow:0 2px 10px #0000001a}.invoice-edit-content{background:#fff;border-radius:8px;flex:1;max-height:calc(100vh - 40px);padding:20px;overflow-y:auto;box-shadow:0 2px 10px #0000001a}.edit-button-container{text-align:center;margin-bottom:20px}.controls-container{justify-content:center;gap:10px;margin-bottom:20px;display:flex}.control-button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.control-button-primary{color:#fff;background:#007bff}.control-button-primary:hover{background:#0056b3}.control-button-secondary{color:#fff;background:#6c757d}.control-button-secondary:hover{background:#545b62}.control-button-success{color:#fff;background:#28a745}.control-button-success:hover{background:#1e7e34}.section-title{color:#333;border-bottom:2px solid #e9ecef;align-items:center;gap:8px;margin-bottom:15px;padding-bottom:8px;font-size:16px;font-weight:600;display:flex}.property-group{margin-bottom:20px}.property-label{color:#555;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:500;display:flex}.property-input{border:1px solid #ddd;border-radius:4px;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s}.property-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}.property-input.textarea{resize:vertical;min-height:60px}.property-select{background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s}.property-select:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}.property-color{cursor:pointer;border:1px solid #ddd;border-radius:4px;width:60px;height:40px;padding:2px}.alignment-buttons{gap:4px;display:flex}.alignment-button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.alignment-button:hover{background:#f8f9fa;border-color:#adb5bd}.alignment-button-active{color:#fff;background:#007bff;border-color:#007bff}.tabs{border-bottom:1px solid #e9ecef;margin-bottom:20px;display:flex}.tab-button{color:#6c757d;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tab-button:hover{color:#495057}.tab-button-active{color:#007bff;border-bottom-color:#007bff}.tab-content{flex:1}.elements-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.element-button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:14px;transition:all .2s;display:flex}.element-button:hover{background:#f8f9fa;border-color:#007bff}.file-input-label{cursor:pointer;color:#6c757d;border:2px dashed #ddd;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;padding:12px;font-size:14px;transition:all .2s;display:flex}.file-input-label:hover{color:#007bff;border-color:#007bff}.file-input{display:none}.delete-button,.reset-button{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:10px;padding:10px;font-size:14px;transition:all .2s;display:flex}.delete-button{color:#fff;background:#dc3545}.delete-button:hover{background:#c82333}.reset-button{color:#fff;background:#6c757d}.reset-button:hover{background:#545b62}.layers-container{width:100%}.layer-group{margin-bottom:20px}.layer-group-title{color:#495057;background:#f8f9fa;border-radius:4px;align-items:center;gap:6px;margin-bottom:10px;padding:8px;font-size:14px;font-weight:600;display:flex}.layer-item{cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:4px;align-items:center;gap:8px;margin-bottom:4px;padding:8px;transition:all .2s;display:flex}.layer-item:hover{background:#f8f9fa;border-color:#adb5bd}.layer-item-selected{background:#e3f2fd;border-color:#007bff}.layer-item-name{color:#495057;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.layer-item-controls{gap:4px;display:flex}.layer-item-button{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.layer-item-button:hover{color:#007bff;background:#007bff1a}.layer-item-button-danger:hover{color:#dc3545;background:#dc35451a}.invoice-container.editing-mode{position:relative;border:none!important}.invoice-page{margin:0 auto;position:relative}.element-overlay{border:2px solid #0000;transition:all .2s}.element-overlay:hover{border-color:#007bff80}.element-overlay-selected{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.element-overlay-locked{opacity:.7;border-color:#dc3545}.w-100{width:100%}.text-center{text-align:center}@media print{.edit-button-container,.controls-container,.invoice-edit-layout .properties-panel,.invoice-edit-layout .elements-panel{display:none!important}.invoice-edit-content{width:100%!important;box-shadow:none!important;padding:0!important}.invoice-container.editing-mode,.element-overlay{border:none!important}}.operations-container{direction:rtl;justify-content:flex-end;align-items:center;gap:8px;min-width:140px;display:flex}.operations-container .quick-actions{direction:rtl;gap:4px;display:flex}.operations-container .quick-actions .action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex;position:relative}.operations-container .quick-actions .action-btn:before{content:attr(title);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;background:#000c;border-radius:4px;padding:4px 8px;font-size:11px;transition:all .2s;position:absolute;bottom:-30px;left:50%;transform:translate(-50%);z-index:99!important}.operations-container .quick-actions .action-btn:hover:before{opacity:1;visibility:visible}.operations-container .quick-actions .action-btn.expand-btn{color:#d97706;background:#fef3c7}.operations-container .quick-actions .action-btn.expand-btn:hover{background:#fde68a}.operations-container .dropdown .more-actions-btn{cursor:pointer;color:#3745be;background:#e0e7ff;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.operations-container .dropdown .more-actions-btn:hover,.operations-container .dropdown .more-actions-btn:focus{background:#c7d2fe}.operations-container .dropdown .more-actions-btn:after{display:none}.operations-container .dropdown .modern-dropdown{direction:rtl;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:280px;margin-top:8px;padding:12px;box-shadow:0 4px 20px #00000014;z-index:99!important;animation:none!important}.operations-container .dropdown .modern-dropdown .dropdown-section-header .section-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;text-align:right;border-radius:8px;margin:-4px -4px 2px;padding:4px 12px 6px;font-size:12px;font-weight:600;display:block}.operations-container .dropdown .modern-dropdown .modern-dropdown-item{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;margin:4px 0;padding:10px 8px;text-decoration:none;transition:all .2s;display:flex}.operations-container .dropdown .modern-dropdown .modern-dropdown-item .item-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.operations-container .dropdown .modern-dropdown .modern-dropdown-item .item-content{text-align:right;direction:rtl;flex:1}.operations-container .dropdown .modern-dropdown .modern-dropdown-item .item-content .item-title{color:#1e293b;margin-bottom:3px;font-size:14px;font-weight:600;line-height:1.3;display:block}.operations-container .dropdown .modern-dropdown .modern-dropdown-item .item-content .item-desc{color:#64748b;font-size:12px;font-weight:400;line-height:1.3;display:block}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.edit-item:hover{background:#3b82f60d}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.edit-item .edit-icon{color:#3745be;background:#e0e7ff}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.edit-item:hover .item-title{color:#3745be}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.edit-item:hover .edit-icon{background:#c7d2fe}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.view-item:hover{background:#22c55e0d}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.view-item .view-icon{color:#059669;background:#ecfdf5}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.view-item:hover .item-title{color:#059669}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.view-item:hover .view-icon{background:#d1fae5}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.delete-item:hover{background:#ef44440d}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.delete-item .delete-icon{color:#dc2626;background:#fee2e2}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.delete-item:hover .item-title{color:#dc2626}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.delete-item:hover .delete-icon{background:#fecaca}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.price-item:hover{background:#f59e0b0d}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.price-item .price-icon{color:#d97706;background:#fef3c7}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.price-item:hover .item-title{color:#d97706}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.price-item:hover .price-icon{background:#fde68a}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.color-item:hover{background:#8b5cf60d}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.color-item .color-icon{color:#7c3aed;background:#f3e8ff}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.color-item:hover .item-title{color:#7c3aed}.operations-container .dropdown .modern-dropdown .modern-dropdown-item.color-item:hover .color-icon{background:#e9d5ff}.operations-container .dropdown .modern-dropdown .dropdown-divider{border-width:1px;border-color:#e2e8f0;margin:12px -8px}@media (max-width:768px){.operations-container .operations-container{justify-content:flex-end;min-width:120px}.operations-container .operations-container .edit-btn,.operations-container .operations-container .delete-btn,.operations-container .operations-container .users .edit-btn,.users .operations-container .operations-container .edit-btn,.operations-container .operations-container .view-btn,.operations-container .operations-container .expand-btn{width:32px;height:32px;font-size:14px}}@media (min-width:1200px){.operations-container .operations-container .edit-btn,.operations-container .operations-container .delete-btn,.operations-container .operations-container .users .edit-btn,.users .operations-container .operations-container .edit-btn,.operations-container .operations-container .view-btn,.operations-container .operations-container .expand-btn{width:40px;height:40px;font-size:18px}}.expanded-row-beautiful{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none!important}.expanded-row-beautiful td{border:none!important;padding:0!important}.expanded-row-beautiful .expanded-content-beautiful{direction:rtl;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014}.expanded-row-beautiful .expanded-content-beautiful .beautiful-header{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-right:4px solid #3b82f6;border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.expanded-row-beautiful .expanded-content-beautiful .beautiful-header svg{color:#3b82f6;font-size:20px}.expanded-row-beautiful .expanded-content-beautiful .beautiful-header h5{color:#1e293b;text-align:right;margin:0;font-size:16px;font-weight:600}.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid{background:#e2e8f0;border-radius:8px;grid-template-columns:1fr 2fr 2fr 1.5fr;gap:1px;display:grid;overflow:hidden;box-shadow:0 2px 8px #0000000f}.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid .grid-header{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#1e293b,#334155);padding:16px 20px;font-size:14px;font-weight:600}.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid .grid-cell{text-align:center;color:#334155;background:#fff;border-bottom:1px solid #f1f5f9;padding:16px 20px;font-size:14px;transition:all .2s}.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid .grid-cell:hover{background:#f8fafc}.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid .grid-cell .transfer-btn-beautiful{color:#fff;text-transform:none;letter-spacing:normal;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid .grid-cell .transfer-btn-beautiful .transfer-icon{font-size:14px}.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid .grid-cell .transfer-btn-beautiful span{font-weight:500}.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid .grid-cell .transfer-btn-beautiful:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d}.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid .grid-cell .transfer-btn-beautiful:focus{outline:none;box-shadow:0 0 0 3px #10b98133}.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid .grid-cell .value-highlight{color:#059669;font-size:16px;font-weight:600}.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid .grid-cell .unit{color:#64748b;margin-right:4px;font-size:12px}.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid .grid-cell .warehouse-name{color:#1e293b;font-weight:500}.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid .grid-cell .location-name{color:#64748b;font-style:italic}.expanded-row-beautiful .expanded-content-beautiful .empty-state{text-align:center;color:#64748b;padding:40px 20px}.expanded-row-beautiful .expanded-content-beautiful .empty-state .empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.expanded-row-beautiful .expanded-content-beautiful .empty-state p{margin:0;font-size:16px;font-weight:500}@media (max-width:768px){.expanded-row-beautiful .expanded-content-beautiful{padding:16px}.expanded-row-beautiful .expanded-content-beautiful .beautiful-header{margin-bottom:16px;padding:12px 16px}.expanded-row-beautiful .expanded-content-beautiful .beautiful-header h5{font-size:14px}.expanded-row-beautiful .expanded-content-beautiful .beautiful-header svg{font-size:18px}.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid{background:0 0;grid-template-columns:1fr;gap:8px}.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid .grid-header{display:none}.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid .grid-cell{text-align:right;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px 16px;position:relative}.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid .grid-cell:before{content:attr(data-label);color:#64748b;font-size:12px;font-weight:600;position:absolute;top:12px;left:16px}}@media (min-width:1200px){.expanded-row-beautiful .expanded-content-beautiful{margin:24px}.expanded-row-beautiful .expanded-content-beautiful .beautiful-header{padding:20px 24px}.expanded-row-beautiful .expanded-content-beautiful .beautiful-header h5{font-size:18px}.expanded-row-beautiful .expanded-content-beautiful .beautiful-header svg{font-size:22px}.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid .grid-header,.expanded-row-beautiful .expanded-content-beautiful .beautiful-grid .grid-cell{padding:20px 24px;font-size:15px}}.settings-description{text-align:center;background:linear-gradient(135deg,#279ce50d 0%,#3745be0d 100%);border-bottom:1px solid #e9ecef;padding:1.5rem 2rem}.settings-description p{color:#475569;margin:0;font-size:1rem;line-height:1.6}.input-container2,.invoice-cards-container{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1400px;margin:0 auto;padding:2.5rem 2rem;display:grid}.file-input-2{padding:.8rem 1rem!important}.invoice-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px #00000012}.invoice-card:before{content:"";opacity:0;background:linear-gradient(90deg,#279ce5 0%,#3745be 100%);height:5px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.invoice-card:hover{border-color:#279ce5;transform:translateY(-8px);box-shadow:0 12px 24px #279ce526}.invoice-card-active{border-color:#279ce5;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(-8px);box-shadow:0 12px 24px #279ce526}.invoice-card:hover:before{opacity:1}.card-preview{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);justify-content:center;align-items:center;height:230px;padding:2rem;display:flex;position:relative}.preview-badge{color:#64748b;opacity:0;background:#fff;border-radius:20px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem;transform:translateY(-5px);box-shadow:0 2px 6px #0000001a}.invoice-card:hover .preview-badge{opacity:1;transform:translateY(0)}.invoice-preview{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;max-width:220px;padding:1.25rem;transition:transform .3s;transform:scale(.85);box-shadow:0 4px 12px #0000001f}.invoice-card:hover .invoice-preview{transform:scale(.9)}.invoice-preview.supplier{direction:rtl}.invoice-preview.small{max-width:110px;transform:scale(1)}.invoice-card:hover .invoice-preview.small{transform:scale(1.05)}.preview-header{border-bottom:2px solid #e9ecef;justify-content:space-between;align-items:flex-start;margin-bottom:.875rem;padding-bottom:.5rem;display:flex}.preview-logo{background:linear-gradient(135deg,#279ce5 0%,#3745be 100%);border-radius:4px;width:35px;height:24px;box-shadow:0 2px 4px #279ce54d}.preview-info{flex:1;margin:0 .625rem}.info-line{background:linear-gradient(90deg,#cbd5e1 0%,#e2e8f0 100%);border-radius:2px;height:5px;margin-bottom:.375rem}.info-line.short{width:65%}.preview-table{margin-bottom:.875rem}.table-row{grid-template-columns:.5fr 2fr 1fr 1fr;gap:.375rem;margin-bottom:.375rem;display:grid}.table-row.header{border-bottom:2px solid #e9ecef;margin-bottom:.625rem;padding-bottom:.375rem}.cell{color:#64748b;background:#f1f5f9;border-radius:2px;justify-content:center;align-items:center;height:9px;font-size:.55rem;display:flex}.table-row.header .cell{color:#475569;background:0 0;height:auto;font-weight:700}.preview-footer{border-top:2px solid #e9ecef;padding-top:.625rem}.total-line{background:linear-gradient(90deg,#10b981 0%,#059669 100%);border-radius:3px;width:65%;height:10px;margin-left:auto;box-shadow:0 2px 4px #10b9814d}.small-header{text-align:center;border-bottom:2px solid #e9ecef;margin-bottom:.625rem;padding-bottom:.5rem}.small-logo{background:linear-gradient(135deg,#279ce5 0%,#3745be 100%);border-radius:2px;width:24px;height:16px;margin:0 auto .375rem;box-shadow:0 2px 4px #279ce54d}.small-content{font-size:.8rem}.small-line{background:linear-gradient(90deg,#cbd5e1 0%,#e2e8f0 100%);border-radius:2px;height:4px;margin-bottom:.375rem}.small-items{margin:.625rem 0}.small-item{background:#f1f5f9;border-radius:2px;height:5px;margin-bottom:.25rem}.small-total{background:linear-gradient(90deg,#10b981 0%,#059669 100%);border-radius:3px;width:75%;height:8px;margin:.375rem auto 0;box-shadow:0 2px 4px #10b9814d}.card-title{color:#1e293b;text-align:center;background:linear-gradient(#fff 0%,#f8fafc 100%);border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin:0;padding:1.25rem;font-size:1.15rem;font-weight:700;display:flex;position:relative}.title-content{flex:1;justify-content:center;align-items:center;gap:.625rem;display:flex}.card-icon{color:#279ce5;transition:transform .3s}.invoice-card:hover .card-icon{transform:scale(1.1)}.edit-badge{color:#279ce5;opacity:0;align-items:center;gap:.375rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex;position:absolute;left:1rem;transform:translate(-10px)}.invoice-card:hover .edit-badge{opacity:1;transform:translate(0)}@media (max-width:968px){.invoice-cards-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:1.5rem}}@media (max-width:768px){.invoice-cards-container{grid-template-columns:1fr;gap:1.25rem;padding:1rem}.card-preview{height:220px;padding:1.5rem}.settings-description{padding:1rem 1.5rem}.settings-description p{font-size:.9rem}}