@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap";.header-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 4rem;height:20vh;position:relative;background:#fff;box-shadow:0 2px 10px #0000000d;z-index:1000;gap:5rem;direction:rtl}.header-container .bars-icon{display:none;font-size:1.8rem;color:#ce4710;cursor:pointer}.header-container .logo-section{flex-shrink:0}.header-container .logo-section img{max-height:120px;width:auto;object-fit:contain;display:block}.header-container .main-nav{display:flex;flex-direction:row;align-items:center;gap:1.4rem;margin:0}.header-container .main-nav .nav-link{color:#454546;text-decoration:none;font-size:1.2rem;font-weight:500;transition:color .2s ease;white-space:nowrap}.header-container .main-nav .nav-link:hover{cursor:pointer;color:#ce4710}.header-container .main-nav .nav-link.active{color:#b90000;position:relative}.header-container .side-actions{display:flex;flex-direction:row;align-items:center;gap:1.5rem;flex-shrink:0;margin-right:auto}.header-container .side-actions .new-notification-wrapper{position:relative}.header-container .side-actions .new-notification-wrapper .new-notification-icon{position:relative;font-size:1.5rem;color:#454546;cursor:pointer;transition:color .2s ease;padding:5px}.header-container .side-actions .new-notification-wrapper .new-notification-icon:hover{color:#ce4710}.header-container .side-actions .new-notification-wrapper .new-notification-badge{position:absolute;top:-5px;right:-5px;background:#b90000;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;display:flex;align-items:center;justify-content:center}.header-container .side-actions .new-notification-wrapper .new-notification-dropdown{position:absolute;top:45px;left:0;width:320px;background:#fff;border-radius:12px;box-shadow:0 5px 25px #00000026;z-index:1001;max-height:400px;overflow-y:auto}.header-container .side-actions .new-notification-wrapper .new-notification-dropdown .new-notification-header{padding:12px 15px;border-bottom:1px solid #eee;font-weight:700;position:sticky;top:0;background:#fff;border-radius:12px 12px 0 0}.header-container .side-actions .new-notification-wrapper .new-notification-dropdown .new-notif-item{padding:12px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.header-container .side-actions .new-notification-wrapper .new-notification-dropdown .new-notif-item:hover{background:#f9f9f9}.header-container .side-actions .new-notification-wrapper .new-notification-dropdown .new-notif-item.unread{background:#fff9e6;border-right:3px solid rgb(206,71,16)}.header-container .side-actions .new-notification-wrapper .new-notification-dropdown .new-notif-item p{margin:0 0 5px;font-size:.85rem}.header-container .side-actions .new-notification-wrapper .new-notification-dropdown .new-notif-item small{font-size:.7rem;color:#888}.header-container .side-actions .new-notification-wrapper .new-notification-dropdown .no-new-notifications{padding:20px;text-align:center;color:#888}.header-container .side-actions .logout-btn{display:flex;align-items:center;gap:8px;color:#b90000;cursor:pointer;font-size:1.2rem;font-weight:500;transition:opacity .2s ease}.header-container .side-actions .logout-btn:hover{opacity:.8}.header-container .side-actions .logout-btn span{display:inline}.header-container .notification{text-align:center;padding:.5rem 1rem;color:#fff;border-radius:50px;position:fixed;z-index:2000;animation:slideIn .3s ease-out;left:50%;transform:translate(-50%);top:20px;white-space:nowrap}.header-container .notification.error{background-color:#b90000}.header-container .notification.success{background-color:green}@media (min-width: 769px) and (max-width: 1024px){.header-container{padding:0 2rem;gap:1.5rem}.header-container .logo-section img{max-height:80px}.header-container .main-nav{gap:1rem}.header-container .main-nav .nav-link{font-size:.9rem}.header-container .side-actions{gap:1rem}.header-container .side-actions .new-notification-icon{font-size:1.3rem}}@media (max-width: 768px){.header-container{padding:0 1rem!important;height:auto;min-height:70px;gap:.5rem}.header-container .logo-section{order:2}.header-container .logo-section img{max-height:50px!important}.header-container .bars-icon{display:block!important;order:1;font-size:1.5rem}.header-container .side-actions{order:3;margin-right:auto;gap:.8rem}.header-container .side-actions .logout-btn span{display:none}.header-container .side-actions .new-notification-icon{font-size:1.3rem}.header-container .side-actions .new-notification-dropdown{position:fixed!important;top:70px!important;left:10px!important;right:10px!important;width:auto!important;max-height:70vh}.header-container .main-nav{display:none;position:fixed;top:70px;right:0;left:0;background:#fff;flex-direction:column!important;align-items:stretch!important;gap:0!important;box-shadow:0 10px 20px #0000001a;z-index:999;margin:0}.header-container .main-nav.show{display:flex}.header-container .main-nav .nav-link{padding:15px 20px;border-bottom:1px solid #f0f0f0;width:100%;text-align:right;font-size:1rem}.header-container .main-nav .nav-link.active{background-color:#f443361a}.header-container .main-nav .nav-link.active:after{display:none}.header-container .notification{top:10px;font-size:.8rem;white-space:normal;width:90%;text-align:center}}@media (max-width: 480px){.header-container .side-actions{gap:.5rem}.header-container .new-notification-icon{font-size:1.2rem!important}.header-container .fa-right-from-bracket{font-size:1.2rem}}.new-application-page-container .application-main-container .application-details form .notes-container{display:flex;flex-direction:column;align-items:flex-end;width:100%}.new-application-page-container .application-main-container .application-details form .notes-container label{font-size:1.1rem;font-weight:600;color:#454546;margin-bottom:.5rem;text-align:right;width:100%}.new-application-page-container .application-main-container .application-details form .notes-container textarea{width:95%;min-height:60px;padding:.8rem;border:1px solid rgb(224,224,224);border-radius:10px;resize:vertical;font-size:1rem;text-align:right}.new-application-page-container .application-main-container .application-details form .notes-container textarea:focus{border:1px solid rgb(206,71,16);outline:1px solid rgb(206,71,16)}.new-application-page-container .application-main-container .application-details form .notes-container textarea::placeholder{font-size:.9rem;color:#999;text-align:right}.new-application-page-container .application-main-container .application-details form .agencies-container{position:relative;width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.new-application-page-container .btns-container-new-application{display:flex;flex-direction:row;justify-content:center;gap:2rem}.new-application-page-container .btns-container-new-application button{padding:1rem 5rem;font-size:1.1rem;text-align:center;border-radius:5px;margin-top:.5rem;border:none;transition:background-color .2s ease}.new-application-page-container .btns-container-new-application button:hover{cursor:pointer}.new-application-page-container .btns-container-new-application .save{background-color:#ce4710;color:#fff}.new-application-page-container .btns-container-new-application .save:hover{cursor:pointer;background-color:#e15c26}.print{background-color:#fff;border:1px solid rgb(69,69,70);color:#454546}.print:hover{cursor:pointer;background-color:#454546;color:#fff}@media (max-width: 480px){.new-application-page-container{padding:2rem 1rem}.new-application-page-container .application-main-container .application-details{padding:1rem}.new-application-page-container .application-main-container .application-details form .inputs-main-container{flex-direction:column-reverse}.new-application-page-container .btns-container-new-application{flex-direction:column}.new-application-page-container .btns-container-new-application button{padding:.6rem 4rem}.new-application-page-container .inputs-main-radio-container .radio-options-container{display:flex;flex-direction:row-reverse;gap:.5rem;flex-wrap:wrap;width:100%;justify-content:space-between}.new-application-page-container .application-main-container .application-details form .inputs-main-container .payment-labels{width:100%;text-align:end}.new-application-page-container .inputs-main-radio-container{gap:1rem!important}.new-application-page-container .application-main-container .application-details form .inputs-main-container .input-container label{font-size:1rem}}.clients-container{position:relative;width:100%}.clients-dropdown{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;box-shadow:0 2px 4px #0000001a;z-index:100}.client-option{padding:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.client-option:hover{background-color:#f5f5f5}.client-phone{color:#666;font-size:.9rem}.no-results{color:#999;cursor:default}.no-results:hover{background-color:#fff}.header-with-button{display:flex;justify-content:space-between;align-items:center;width:100%}.header-with-button .application-label{font-size:1.5rem;font-weight:600;color:#454546;text-align:right}.header-with-button .add-transaction{padding:6px 12px;font-size:.95rem;background-color:#1b5e20;color:#fff;border:none;border-radius:5px;cursor:pointer}.header-with-button .add-transaction:hover{background-color:#145214}.invoice-container{background:#fff;width:420px;padding:20px;border-radius:8px;font-family:Tajawal,sans-serif;direction:rtl;text-align:right;box-shadow:0 3px 12px #00000014}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px;border-bottom:2px solid #eee;padding-bottom:10px}.invoice-logo{width:65px;height:65px;object-fit:contain;border-radius:6px;border:1px solid #ddd}.office-info-ar{text-align:right;font-size:13px}.office-info-ar h2{margin:0 0 3px;font-size:15px;font-weight:700}.office-info-ar p{margin:2px 0;font-size:12px}.office-info-en{text-align:left;font-size:13px;direction:ltr}.office-info-en h2{margin:0 0 3px;font-size:15px;font-weight:700}.office-info-en p{margin:2px 0;font-size:12px}.invoice-meta{text-align:center;font-size:12px;font-weight:600}.client-info{margin-top:10px;font-size:13px;line-height:1.5;border:1px dashed #ddd;padding:8px;border-radius:6px}.client-info p{margin:2px 0}.invoice-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:12.5px}.invoice-table th{background:#f5f5f5;padding:7px;border:1px solid #ddd;font-weight:600}.invoice-table td{padding:7px;border:1px solid #ddd;text-align:center}.invoice-total{margin-top:12px;text-align:right;border-top:2px dashed #ddd;padding-top:10px}.invoice-total p{margin:3px 0;font-size:13px}.invoice-total h2{margin-top:6px;font-size:17px;font-weight:700;color:#ce4710}.invoice-footer{display:flex;justify-content:center;margin-top:14px;font-size:11px;color:#777;text-align:center}.invoice-qr{display:flex;justify-content:center;margin-top:10px}.invoice-qr img{width:90px}@media print{body{background:#fff}.invoice-container{box-shadow:none;border:none}}.invoice-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.invoice-container{background:#fff;width:90%;max-width:950px;border-radius:8px;padding:20px;max-height:90vh;overflow-y:auto}.invoice-table{width:100%;border-collapse:collapse;margin-bottom:20px}.invoice-table th,.invoice-table td{border:1px solid #e6e6e6;padding:8px 10px;text-align:center}.invoice-table th{background:#fafafa;font-weight:700}.invoice-total{font-size:16px;font-weight:900;text-align:right;margin-top:15px}.invoice-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.invoice-actions .save-btn,.invoice-actions .cancel-btn{padding:8px 15px;font-weight:700;border-radius:5px;cursor:pointer}.invoice-actions .save-btn{background-color:#ce4710;color:#fff;border:none}.invoice-actions .cancel-btn{background-color:#f0f0f0;border:1px solid #ccc}.lang-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1001}.lang-modal-overlay .lang-modal-container{background:#fff;width:90%;max-width:400px;border-radius:8px;padding:25px 30px;text-align:center;box-shadow:0 4px 12px #00000014;font-family:Tajawal,sans-serif}.lang-modal-overlay .lang-modal-container h3{font-size:1.3rem;font-weight:700;color:#454546;margin-bottom:20px}.lang-modal-overlay .lang-modal-container .lang-buttons{display:flex;justify-content:center;gap:15px}.lang-modal-overlay .lang-modal-container .lang-buttons button{flex:1;padding:10px 0;font-size:1rem;font-weight:700;border-radius:6px;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}.lang-modal-overlay .lang-modal-container .lang-buttons button:first-child{background-color:#ce4710;color:#fff}.lang-modal-overlay .lang-modal-container .lang-buttons button:first-child:hover{background-color:#e15c26}.lang-modal-overlay .lang-modal-container .lang-buttons button:last-child{background-color:#f0f0f0;color:#454546;border:1px solid #ccc}.lang-modal-overlay .lang-modal-container .lang-buttons button:last-child:hover{background-color:#e0e0e0}@media (max-width: 480px){.lang-modal-overlay .lang-modal-container{padding:20px 15px}.lang-modal-overlay .lang-modal-container .lang-buttons{flex-direction:column;gap:10px}.lang-modal-overlay .lang-modal-container .lang-buttons button{width:100%}}.reset-password-container{max-width:500px;margin:2rem auto;padding:2rem;box-shadow:0 0 10px #0000001a}.reset-password-container .password-input-container{position:relative}.reset-password-container .password-input-container input{width:100%;padding-right:70px}.reset-password-container .password-input-container .toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;font-size:14px}.reset-password-container .password-input-container .toggle-password:hover{color:#333}.reset-password-container h1{text-align:center;margin-bottom:1.5rem}.reset-password-container .password-rules{font-size:.9rem;color:#666;margin-bottom:1rem}.reset-password-container .success-message{color:green;text-align:center;margin:1rem 0}.notification{text-align:center;padding:.5rem 1rem;color:#fff;border-radius:50px;position:absolute;z-index:1000;animation:slideIn .3s ease-out;left:50%;transform:translate(-50%);top:5%;margin-top:.5rem}.error{background-color:red}.success{background-color:green}.login-page-container{display:flex;align-items:center;justify-content:center;padding:8rem;background:url(/assets/pattern-CMuyUp7s.jpg);background-size:cover}.login-page-container .login-container{padding:2rem;border:none;border-radius:15px;box-shadow:1px 0 10px 1px #e6e6e6;background-color:#fff;display:flex;flex-direction:column;align-items:center;width:80%}.login-page-container .login-container .login-logo{width:28%;height:50%}.login-page-container .login-container .login-logo img{width:100%;height:100%}.login-page-container .login-container form{width:70%;display:flex;flex-direction:column;align-items:center;gap:.8rem}.login-page-container .login-container form label{color:#454546;font-size:1.1rem;font-weight:600;width:100%;text-align:right}.login-page-container .login-container form input{width:100%;border:1px solid rgb(224,224,224);border-radius:10px;padding:.8rem .5rem;margin-bottom:.5rem;text-align:right}.login-page-container .login-container form input:focus{border:1px solid rgb(206,71,16);outline:1px rgb(206,71,16)}.login-page-container .login-container form input::placeholder{font-size:.9rem}.login-page-container .login-container form .forgrt-pass-text{color:#454546;font-size:.9rem;width:100%;text-align:left;text-decoration:none}.login-page-container .login-container form .login-btn{padding:1rem 5rem;font-size:1rem;background-color:#ce4710;color:#fff;text-align:center;border-radius:5px;margin-top:.5rem;border:none;transition:background-color .2s ease}.login-page-container .login-container form .login-btn:hover{cursor:pointer;background-color:#e15c26}.login-page-container .forgot-content{width:100%;margin:0 0 3rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#454546}.login-page-container .forgot-content h1{font-size:2.5rem;font-weight:600;margin:0}.login-page-container .forgot-content p{font-size:1.1rem;margin:0}.success-popup{position:fixed;inset:0;background-color:#0006;z-index:999;display:flex;align-items:center;justify-content:center}.success-popup .popup-box{background-color:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 8px #0003;text-align:center;max-width:90%;width:400px}.success-popup .popup-box p{font-size:1.3rem;color:#454546;margin-bottom:1.5rem;font-weight:600;line-height:2.5rem}.success-popup .popup-box button{background-color:#ce4710;color:#fff;padding:.8rem 2rem;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.success-popup .popup-box button:hover{background-color:#e15c26}@media (max-width: 481px){.login-page-container .login-container form input{width:100%;border:1px solid rgb(224,224,224);border-radius:5px;padding:.5rem;margin-bottom:.5rem;text-align:right}.login-page-container{padding:3rem 0}.login-page-container .login-container form{width:100%}.login-page-container .login-container .login-logo{width:50%}.login-page-container .login-container form .login-btn{padding:.5rem 5rem}.login-page-container .forgot-content h1{font-size:1.5rem;font-weight:600;margin:0}.login-page-container .forgot-content p{font-size:1rem;text-align:center}}@media (min-width: 481px) and (max-width: 768px){.login-page-container{padding:3rem}.login-page-container .login-container form{width:80%}.login-page-container .login-container .login-logo{width:33%}.login-page-container .login-container form .login-btn{padding:.5rem 5rem}}@media (min-width: 769px) and (max-width: 1024px){.login-page-container{padding:4rem}.login-page-container .login-container form{width:80%}.login-page-container .login-container .login-logo{width:33%}.login-page-container .login-container form .login-btn{padding:.6rem 5rem}}.new-application-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 7rem;gap:2rem;background-color:#f0f0f0}.new-application-page-container .application-main-container{display:flex;flex-direction:column;gap:2rem;width:100%;height:100%}.new-application-page-container .application-main-container .application-label{font-size:1.5rem;color:#454546;font-weight:600;text-align:right;margin:0}.new-application-page-container .application-main-container .application-details{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:#fff;border-radius:15px}.new-application-page-container .application-main-container .application-details form{display:flex;flex-direction:column;gap:1.3rem;width:100%;height:100%}.new-application-page-container .application-main-container .application-details form .inputs-main-container{display:flex;flex-direction:row;justify-content:center;gap:1rem}.new-application-page-container .application-main-container .application-details form .inputs-main-container .payment-labels{font-size:1.1rem;font-weight:600;color:#454546;white-space:nowrap}.new-application-page-container .application-main-container .application-details form .inputs-main-container .input-container{display:flex;flex-direction:column;align-items:flex-end;gap:.7rem;width:100%}.new-application-page-container .application-main-container .application-details form .inputs-main-container .input-container label{font-size:1.1rem;font-weight:600;color:#454546}.new-application-page-container .application-main-container .application-details form .inputs-main-container .input-container input{width:95%;border:1px solid rgb(224,224,224);border-radius:10px;padding:.8rem .5rem;margin-bottom:.5rem;text-align:right}.new-application-page-container .application-main-container .application-details form .inputs-main-container .input-container input:focus{border:1px solid rgb(206,71,16);outline:1px rgb(206,71,16)}.new-application-page-container .application-main-container .application-details form .inputs-main-container .input-container input::placeholder{font-size:.9rem}.new-application-page-container .application-main-container .application-details form .agencies-container{position:relative;width:100%}.new-application-page-container .application-main-container .application-details form .agencies-container .agency-selector{padding:10px;border:1px solid #ccc;border-radius:4px;cursor:pointer;background-color:#fff;text-align:right;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center}.new-application-page-container .application-main-container .application-details form .agencies-container .agency-selector:after{content:"▼";float:left;font-size:12px}.new-application-page-container .application-main-container .application-details form .agencies-container .agencies-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ccc;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000}.new-application-page-container .application-main-container .application-details form .agencies-container .agencies-dropdown .agency-option{padding:10px;cursor:pointer;text-align:right}.new-application-page-container .application-main-container .application-details form .agencies-container .agencies-dropdown .agency-option:hover{background-color:#f5f5f5}.new-application-page-container .inputs-main-radio-container{display:flex!important;flex-direction:row-reverse!important;align-items:center!important;gap:1.5rem!important;width:100%!important}.new-application-page-container .inputs-main-radio-container .payment-labels{font-size:1.1rem;font-weight:600;color:#454546;white-space:nowrap;margin:0}.new-application-page-container .inputs-main-radio-container .radio-options-container{display:flex;flex-direction:row-reverse;gap:1.5rem;flex-wrap:wrap;width:100%}.new-application-page-container .inputs-main-radio-container .radio-input-container{display:flex!important;flex-direction:row-reverse!important;align-items:center!important;gap:.5rem!important;width:fit-content!important}.new-application-page-container .inputs-main-radio-container .radio-input-container input[type=radio]{width:18px!important;height:18px!important;margin:0!important;accent-color:rgb(206,71,16)}.new-application-page-container .inputs-main-radio-container .radio-input-container input[type=radio]:checked{background-color:#ce4710}.new-application-page-container .inputs-main-radio-container .radio-input-container label{font-size:1rem;font-weight:400;color:#454546;margin:0}.new-application-page-container .custom-gap{gap:2.4rem!important}@media (max-width: 768px){.new-application-page-container .inputs-main-radio-container{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.new-application-page-container .inputs-main-radio-container .radio-options-container{gap:1rem}}@media (max-width: 480px){.new-application-page-container .inputs-main-radio-container .radio-options-container{gap:.5rem;flex-wrap:wrap}}.new-application-page-container .btns-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;width:100%}.new-application-page-container .btns-container .main-btns{display:flex;flex-direction:row;align-items:center;gap:1.5rem}.new-application-page-container .btns-container .main-btns button{padding:1rem 5rem;font-size:1.1rem;text-align:center;border-radius:5px;margin-top:.5rem;border:none;transition:background-color .2s ease}.new-application-page-container .btns-container .main-btns button:hover{cursor:pointer}.new-application-page-container .btns-container .main-btns .save{background-color:#ce4710;color:#fff}.new-application-page-container .btns-container .main-btns .save:hover{cursor:pointer;background-color:#e15c26}.new-application-page-container .btns-container .main-btns .print{background-color:#fff;border:1px solid rgb(69,69,70);color:#454546}.new-application-page-container .btns-container .main-btns .print:hover{cursor:pointer;background-color:#454546;color:#fff}.new-application-page-container .btns-container .cancel-btn{background:none;color:#454546;font-size:1.2rem;font-weight:600;border:none}@media (max-width: 480px){.new-application-page-container{padding:2rem 1rem}.new-application-page-container .application-main-container .application-details{padding:1rem}.new-application-page-container .application-main-container .application-details form .inputs-main-container{flex-direction:column-reverse}.new-application-page-container .btns-container{flex-direction:column-reverse;align-items:center;gap:1rem}.new-application-page-container .btns-container .main-btns{display:flex;flex-direction:column-reverse;align-items:center;gap:1rem}.new-application-page-container .btns-container .main-btns button{padding:.6rem 4rem}.new-application-page-container .inputs-main-radio-container .radio-options-container{display:flex;flex-direction:row-reverse;gap:.5rem;flex-wrap:wrap;width:100%;justify-content:space-between}.new-application-page-container .application-main-container .application-details form .inputs-main-container .payment-labels{width:100%;text-align:end}.new-application-page-container .inputs-main-radio-container{gap:1rem!important}.new-application-page-container .application-main-container .application-details form .inputs-main-container .input-container label{font-size:1rem}}.print-btn{background-color:#fff;border:1px solid rgb(69,69,70);color:#454546;padding:1rem 3rem;font-size:1.1rem;border-radius:5px;transition:background-color .2s ease,color .2s ease}.print-btn:hover{cursor:pointer;background-color:#b4b4b4;color:#000}@media (max-width: 480px){.print-btn{width:90%;padding:.6rem 2rem}}.lang-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000059;display:flex;align-items:center;justify-content:center;z-index:3000}.lang-modal-container{background:#fff;padding:2rem 2.5rem;border-radius:15px;text-align:center;min-width:320px;box-shadow:0 8px 25px #0003;font-family:Tajawal,Arial,sans-serif}.lang-modal-container h3{font-size:1.3rem;color:#454546;margin-bottom:1.8rem}.lang-modal-container .lang-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.lang-modal-container .lang-buttons .lang-btn{flex:1;padding:.8rem 0;border:none;border-radius:8px;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.lang-modal-container .lang-buttons .lang-btn.ar-btn{background-color:#ce4710}.lang-modal-container .lang-buttons .lang-btn.en-btn{background-color:#555}.lang-modal-container .lang-buttons .lang-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.lang-modal-container .cancel-btn{padding:.6rem 1.5rem;border:1px solid rgb(69,69,70);border-radius:8px;background:none;color:#454546;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease}.lang-modal-container .cancel-btn:hover{background-color:#454546;color:#fff}.pending-applications-container{display:flex;flex-direction:column;gap:1.5rem;padding:4rem 5rem;background-color:#f0f0f0;overflow:visible;position:relative}.pending-applications-container h1{font-size:1.8rem;font-weight:700;color:#ce4710}.pending-applications-container .filters-main-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.pending-applications-container .filters-main-container .serch-input{display:flex;flex-direction:row;gap:1rem;align-items:center;width:100%}.pending-applications-container .filters-main-container .serch-input .search-lable{font-size:1.3rem;font-weight:600;color:#454546;white-space:nowrap;width:fit-content}.pending-applications-container .filters-main-container .serch-input .search-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px;width:100%}.pending-applications-container .filters-main-container .serch-input .search-container input{width:100%;padding:.8rem .4rem;border:none;font-size:1rem;text-align:end}.pending-applications-container .filters-main-container .serch-input .search-container input:not(:focus):not(:active){width:100%;padding:.8rem .4rem;border:none;font-size:1rem;text-align:end}.pending-applications-container .filters-main-container .serch-input .search-container input:focus,.pending-applications-container .filters-main-container .serch-input .search-container input:active{outline:none}.pending-applications-container .filters-main-container .serch-input .search-container .search-btn{cursor:pointer;background:none;border:none;color:#454546;font-size:1.2rem;margin-left:.5rem}.pending-applications-container .filters-main-container .filter-filters-row{display:flex;flex-direction:column;gap:1.5rem;width:100%;overflow:visible;position:relative;z-index:1}.pending-applications-container .filters-main-container .filter-filters-row .date-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:3rem;justify-content:space-between}.pending-applications-container .filters-main-container .filter-filters-row .date-container .date-lable{font-size:1.3rem;font-weight:600;color:#ce4710;white-space:nowrap;width:fit-content}.pending-applications-container .filters-main-container .filter-filters-row .date-container .search-container{display:flex;flex-direction:row;justify-content:space-around;width:100%;align-items:center;gap:1rem}.pending-applications-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs{display:flex;flex-direction:row;width:100%;justify-content:space-around;align-items:center;gap:1rem}.pending-applications-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs label{font-size:1.1rem;color:#454546;font-weight:600;white-space:nowrap;width:fit-content}.pending-applications-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs input{width:100%;padding:.8rem .4rem;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px}.pending-applications-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs input::placeholder{font-family:Tajawal,Robot,Helvetica,Arial,sans-serif}.pending-applications-container .filters-main-container .filter-filters-row .payment-status-filter,.pending-applications-container .filters-main-container .filter-filters-row .service-provider-filter{display:flex;flex-direction:row;align-items:center;gap:1rem;width:100%;position:relative;z-index:5;overflow:visible}.pending-applications-container .filters-main-container .filter-filters-row .payment-status-filter .status-lable,.pending-applications-container .filters-main-container .filter-filters-row .service-provider-filter .status-lable{font-size:1.3rem;font-weight:600;color:#ce4710;white-space:nowrap;width:fit-content}.pending-applications-container .filters-main-container .filter-filters-row .payment-status-filter .status-select,.pending-applications-container .filters-main-container .filter-filters-row .service-provider-filter .status-select{width:100%;padding:.8rem .4rem;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px;font-size:1rem;text-align:right;cursor:pointer;z-index:10}.pending-applications-container .filters-main-container .filter-filters-row .payment-status-filter .status-select option,.pending-applications-container .filters-main-container .filter-filters-row .service-provider-filter .status-select option{text-align:right;font-family:Tajawal,Robot,Helvetica,Arial,sans-serif;position:absolute;z-index:20}table{width:100%;border-collapse:separate;border-spacing:0 .5rem;background-color:#fff;border-radius:10px;padding:1rem;border:1px solid rgb(224,224,224);overflow:visible;position:relative}table thead th{padding:1rem;text-align:center;font-size:1.2rem;font-weight:600;color:#454546}table tbody tr{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000000d;position:relative}table tbody tr td{padding:1rem;text-align:center;font-weight:600;border-top:1px solid rgb(224,224,224);border-bottom:1px solid rgb(224,224,224);position:relative;overflow:visible}table tbody tr td:first-child{border-left:1px solid rgb(224,224,224);border-top-left-radius:5px;border-bottom-left-radius:5px}table tbody tr td:last-child{border-right:1px solid rgb(224,224,224);border-top-right-radius:5px;border-bottom-right-radius:5px}table tbody tr td+td{border-left:none}.application-status-td{position:relative}.application-status-td .AngleIcon{cursor:pointer;margin-right:8px;transition:transform .2s ease;font-size:14px;color:#666}.application-status-td .AngleIcon:hover{color:#ce4710}.payment-status-list{position:fixed;z-index:99999;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;min-width:200px;padding:8px 0;margin:0;list-style:none;animation:fadeIn .15s ease;border:1px solid #e0e0e0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.payment-status-list li{padding:12px 20px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:#333;text-align:right;border-bottom:1px solid #f5f5f5}.payment-status-list li:last-child{border-bottom:none}.payment-status-list li:hover{background:#f8f9fa;color:#ce4710;padding-right:24px}.workflow-container{position:fixed;z-index:99999;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;min-width:280px;max-width:350px;max-height:400px;overflow-y:auto;padding:12px;animation:fadeIn .15s ease;border:1px solid #e0e0e0}.workflow-container::-webkit-scrollbar{width:6px}.workflow-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.workflow-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.workflow-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.workflow-step{display:flex;align-items:flex-start;gap:12px;padding:12px 8px;border-bottom:1px solid #f0f0f0}.workflow-step:last-child{border-bottom:none}.workflow-step .circle{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0}.workflow-step .circle.completed{background:#2e7d32;box-shadow:0 0 0 3px #2e7d3233}.workflow-step .circle.pending{background:#ccc}.workflow-step .content{flex:1}.workflow-step .content .status-text{font-weight:600;font-size:13px;color:#333;display:block;margin-bottom:4px}.workflow-step .content .date-text{font-size:11px;color:#999;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.table-wrapper{overflow-x:auto;overflow-y:visible;position:relative}table{overflow:visible;position:relative}.AngleIcon{cursor:pointer;margin-right:8px;font-size:14px;color:#999;transition:all .2s;padding:4px;border-radius:4px}.AngleIcon:hover{color:#ce4710;background:#f5f5f5}.AngleIcon.rotate{transform:rotate(180deg)}.btns-container{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.action-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:8px;border-radius:8px;transition:all .2s ease;color:#666}.action-btn:hover{transform:scale(1.1)}.action-btn.delete-btn:hover{color:#e53935;background-color:#ffebee}.action-btn.edit-btn:hover{color:#1e88e5;background-color:#e3f2fd}.action-btn.copy-btn:hover{color:#43a047;background-color:#e8f5e9}.action-btn.workflow-btn:hover{color:#fb8c00;background-color:#fff3e0}.export-excel-container{margin-right:auto}.export-excel-container .export-excel-btn{background:linear-gradient(135deg,#1e7e34,#28a745);color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.export-excel-container .export-excel-btn svg{font-size:18px}.export-excel-container .export-excel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003;background:linear-gradient(135deg,#166b2c,#218838)}.export-excel-container .export-excel-btn:active{transform:translateY(0)}@media (max-width: 768px){.pending-applications-container{padding:2rem 1rem}.pending-applications-container .filters-main-container .serch-input{flex-direction:column;align-items:flex-start}.pending-applications-container .filters-main-container .serch-input .search-lable{font-size:1rem}.pending-applications-container .filters-main-container .filter-filters-row .date-container{flex-direction:column;gap:1rem;align-items:flex-start}.pending-applications-container .filters-main-container .filter-filters-row .date-container .date-lable{font-size:1rem}.pending-applications-container .filters-main-container .filter-filters-row .date-container .search-container{flex-direction:column}.pending-applications-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs{flex-direction:column;align-items:flex-start}.pending-applications-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs label{font-size:.9rem}.pending-applications-container .filters-main-container .filter-filters-row .payment-status-filter,.pending-applications-container .filters-main-container .filter-filters-row .service-provider-filter{flex-direction:column;align-items:flex-start}.pending-applications-container .filters-main-container .filter-filters-row .payment-status-filter .status-lable,.pending-applications-container .filters-main-container .filter-filters-row .service-provider-filter .status-lable{font-size:1rem}.export-excel-container{margin:10px 0;width:100%}.export-excel-container .export-excel-btn{width:100%;justify-content:center;padding:12px}.payment-status-list{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%;max-width:300px;z-index:10000}.payment-status-list li{white-space:normal;text-align:center;padding:14px 20px}.workflow-container{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%;max-width:320px;max-height:80vh;overflow-y:auto}}@media (max-width: 480px){.pending-applications-container{padding:2rem 1rem}.pending-applications-container table thead{display:none}.pending-applications-container table tbody tr{display:flex;flex-direction:column;padding:1rem;margin-bottom:1rem;border:1px solid rgb(224,224,224);border-radius:8px}.pending-applications-container table tbody tr td{display:flex;justify-content:space-between;border:none!important;padding:.5rem 0!important;text-align:right!important}.pending-applications-container table tbody tr td:before{content:attr(data-label);font-weight:600;color:#454546;margin-left:10px}}.table-wrapper{overflow-x:auto;overflow-y:visible;position:relative;width:100%}.table-wrapper table{position:relative;z-index:1}.dashboard-stats-container{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;justify-content:space-between}.dashboard-stats-container .stat-card{flex:1 1 22%;background-color:#f5f5f5;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 10px #00000014;transition:transform .2s,box-shadow .2s}.dashboard-stats-container .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 15px #0000001f}.dashboard-stats-container .stat-card .stat-icon{font-size:2.5rem;color:#4caf50;flex-shrink:0}.dashboard-stats-container .stat-card .stat-content{display:flex;flex-direction:column;gap:.25rem}.dashboard-stats-container .stat-card .stat-content .stat-number{font-size:1.8rem;font-weight:700;color:#333}.dashboard-stats-container .stat-card .stat-content .stat-label{font-size:.95rem;color:#666}.dashboard-stats-container .stat-card.total .stat-icon{color:#1976d2}.dashboard-stats-container .stat-card.pending .stat-icon{color:#ff9800}.dashboard-stats-container .stat-card.paid .stat-icon{color:#2e7d32}.dashboard-stats-container .stat-card.unpaid .stat-icon{color:#d32f2f}@media (max-width: 1024px){.dashboard-stats-container{flex-direction:column;gap:1rem}.dashboard-stats-container .stat-card{flex:1 1 100%}}.all-applications-container{display:flex;flex-direction:column;gap:1.5rem;padding:4rem 5rem;background-color:#f0f0f0}.all-applications-container h1{font-size:1.8rem;font-weight:700;color:#ce4710}.all-applications-container .filters-main-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.all-applications-container .filters-main-container .serch-input{display:flex;flex-direction:row;gap:1rem;align-items:center;width:100%}.all-applications-container .filters-main-container .serch-input .search-lable{font-size:1.3rem;font-weight:600;color:#454546;white-space:nowrap;width:fit-content}.all-applications-container .filters-main-container .serch-input .search-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px;width:100%}.all-applications-container .filters-main-container .serch-input .search-container input{width:100%;padding:.8rem .4rem;border:none;font-size:1rem;text-align:end}.all-applications-container .filters-main-container .serch-input .search-container input:not(:focus):not(:active){width:100%;padding:.8rem .4rem;border:none;font-size:1rem;text-align:end}.all-applications-container .filters-main-container .serch-input .search-container input:focus,.all-applications-container .filters-main-container .serch-input .search-container input:active{outline:none}.all-applications-container .filters-main-container .serch-input .search-container .search-btn{cursor:pointer;background:none;border:none;color:#454546;font-size:1.2rem;margin-left:.5rem}.all-applications-container .filters-main-container .filter-filters-row{display:flex;flex-direction:column;gap:1.5rem;width:100%;overflow:visible;position:relative;z-index:1}.all-applications-container .filters-main-container .filter-filters-row .date-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:3rem;justify-content:space-between}.all-applications-container .filters-main-container .filter-filters-row .date-container .date-lable{font-size:1.3rem;font-weight:600;color:#ce4710;white-space:nowrap;width:fit-content}.all-applications-container .filters-main-container .filter-filters-row .date-container .search-container{display:flex;flex-direction:row;justify-content:space-around;width:100%;align-items:center;gap:1rem}.all-applications-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs{display:flex;flex-direction:row;width:100%;justify-content:space-around;align-items:center;gap:1rem}.all-applications-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs label{font-size:1.1rem;color:#454546;font-weight:600;white-space:nowrap;width:fit-content}.all-applications-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs input{width:100%;padding:.8rem .4rem;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px}.all-applications-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs input::placeholder{font-family:Tajawal,Robot,Helvetica,Arial,sans-serif}.all-applications-container .filters-main-container .filter-filters-row .payment-status-filter,.all-applications-container .filters-main-container .filter-filters-row .service-provider-filter{display:flex;flex-direction:row;align-items:center;gap:1rem;width:100%;position:relative;z-index:5;overflow:visible}.all-applications-container .filters-main-container .filter-filters-row .payment-status-filter .status-lable,.all-applications-container .filters-main-container .filter-filters-row .service-provider-filter .status-lable{font-size:1.3rem;font-weight:600;color:#ce4710;white-space:nowrap;width:fit-content}.all-applications-container .filters-main-container .filter-filters-row .payment-status-filter .status-select,.all-applications-container .filters-main-container .filter-filters-row .service-provider-filter .status-select{width:100%;padding:.8rem .4rem;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px;font-size:1rem;text-align:right;cursor:pointer;z-index:10}.all-applications-container .filters-main-container .filter-filters-row .payment-status-filter .status-select option,.all-applications-container .filters-main-container .filter-filters-row .service-provider-filter .status-select option{text-align:right;font-family:Tajawal,Robot,Helvetica,Arial,sans-serif;position:absolute;z-index:20}.all-applications-container table{width:100%;border-collapse:separate;border-spacing:0 .5rem;background-color:#fff;border-radius:10px;padding:1rem;border:1px solid rgb(224,224,224);overflow:visible}.all-applications-container table thead th{padding:1rem;text-align:center;font-size:1.2rem;font-weight:600;color:#454546}.all-applications-container table tbody tr{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000000d;position:relative}.all-applications-container table tbody tr td{padding:1rem;text-align:center;font-weight:600;border-top:1px solid rgb(224,224,224);border-bottom:1px solid rgb(224,224,224);position:relative;overflow:visible}.all-applications-container table tbody tr td:first-child{border-left:1px solid rgb(224,224,224);border-top-left-radius:5px;border-bottom-left-radius:5px}.all-applications-container table tbody tr td:last-child{border-right:1px solid rgb(224,224,224);border-top-right-radius:5px;border-bottom-right-radius:5px}.all-applications-container table tbody tr td+td{border-left:none}.all-applications-container table tbody tr.unpaid-row{border:2px solid #ef5350}.all-applications-container table tbody tr.unpaid-row td{border-top:1px solid #ef5350;border-bottom:1px solid #ef5350}.all-applications-container table tbody tr.unpaid-row td:first-child{border-left:1px solid #ef5350}.all-applications-container table tbody tr.unpaid-row td:last-child{border-right:1px solid #ef5350}.btns-container{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px!important;width:90px;height:100px;padding:4px;justify-items:center;align-items:center}.btns-container>*:nth-child(1){grid-row:1;grid-column:1}.btns-container>*:nth-child(2){grid-row:1;grid-column:2}.btns-container>*:nth-child(3){grid-row:2;grid-column:1}.btns-container>*:nth-child(4){grid-row:2;grid-column:2}.action-btn{width:40px!important;height:42px!important;border-radius:10px!important;border:1px solid #e9ecef!important;background:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important}.action-btn svg{font-size:16px!important}.action-btn:hover{transform:scale(1.05);background-color:#f0f0f0!important;border-color:#ccc!important}.action-btn:active{transform:scale(.98)}.edit-btn,.copy-btn,.workflow-btn{color:#ce4710}.delete-btn{color:#ef5350}.table-wrapper{overflow-x:auto;overflow-y:visible}table{overflow:visible}table tbody tr{position:relative}table td{position:relative;overflow:visible}table .application-status-td{position:relative}table .application-status-td .AngleIcon{cursor:pointer;margin-right:8px;transition:transform .2s ease}table .application-status-td .AngleIcon:hover{color:#ce4710}table .application-status-td .payment-status-list{position:absolute;top:100%;right:0;z-index:1000;background-color:#fff;border:1px solid #ccc;border-radius:8px;min-width:180px;box-shadow:0 4px 12px #00000026;margin-top:5px;padding:8px 0;list-style:none}table .application-status-td .payment-status-list li{padding:10px 16px;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;text-align:right}table .application-status-td .payment-status-list li:hover{background-color:#f5f5f5}.application-status-td .payment-status-list{position:absolute;pointer-events:auto}.navigation-container{display:flex;justify-content:flex-end;margin-top:1rem;gap:5px}.navigation-container .arrow-btn{background:#ce4710;color:#fff;border:none;padding:5px 10px;border-radius:6px;cursor:pointer}.navigation-container .arrow-btn:hover{background:#e15c26}.navigation-container .arrow-btn:disabled{opacity:.5;cursor:not-allowed}.navigation-container .number{background:#fff;padding:5px 10px;border-radius:6px;cursor:pointer;border:1px solid #e0e0e0}.navigation-container .number.active{background:#ce4710;color:#fff;border-color:#ce4710}.workflow-container{position:absolute;top:100%;left:100px;transform:translate(-50%);background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;padding:12px;min-width:220px;z-index:1000;margin-top:5px}.workflow-container .workflow-step{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f0f0f0}.workflow-container .workflow-step:last-child{border-bottom:none}.workflow-container .workflow-step .circle{width:10px;height:10px;border-radius:50%;flex-shrink:0}.workflow-container .workflow-step .content{flex:1;display:flex;justify-content:space-between;align-items:center;font-size:12px}.workflow-container .workflow-step .content span:first-child{font-weight:500;color:#333}.workflow-container .workflow-step .content span:last-child{font-size:10px;color:#999}td[data-label=التاريخ]{white-space:nowrap;min-width:180px}@media (max-width: 768px){.all-applications-container{padding:2rem 1rem}.all-applications-container .filters-main-container .serch-input{flex-direction:column;align-items:flex-start}.all-applications-container .filters-main-container .serch-input .search-lable{font-size:1rem}.all-applications-container .filters-main-container .filter-filters-row .date-container{flex-direction:column;gap:1rem;align-items:flex-start}.all-applications-container .filters-main-container .filter-filters-row .date-container .date-lable{font-size:1rem}.all-applications-container .filters-main-container .filter-filters-row .date-container .search-container{flex-direction:column}.all-applications-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs{flex-direction:column;align-items:flex-start}.all-applications-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs label{font-size:.9rem}.all-applications-container .filters-main-container .filter-filters-row .payment-status-filter,.all-applications-container .filters-main-container .filter-filters-row .service-provider-filter{flex-direction:column;align-items:flex-start}.all-applications-container .filters-main-container .filter-filters-row .payment-status-filter .status-lable,.all-applications-container .filters-main-container .filter-filters-row .service-provider-filter .status-lable{font-size:1rem}table .application-status-td .payment-status-list{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:280px;z-index:9999}table .application-status-td .payment-status-list li{white-space:normal;text-align:center}.workflow-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:280px;z-index:9999}}@media (max-width: 480px){.all-applications-container{padding:2rem 1rem}.all-applications-container table thead{display:none}.all-applications-container table tbody tr{display:flex;flex-direction:column;padding:1rem;margin-bottom:1rem;border:1px solid rgb(224,224,224);border-radius:8px}.all-applications-container table tbody tr td{display:flex;justify-content:space-between;border:none!important;padding:.5rem 0!important;text-align:right!important}.all-applications-container table tbody tr td:before{content:attr(data-label);font-weight:600;color:#454546}.application-status-td .payment-status-list{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:260px;z-index:9999}.navigation-container{justify-content:center;flex-wrap:wrap}.btns-container{width:100%;display:flex!important;justify-content:center;gap:10px}}.header-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 6rem;height:20vh}.header-container .bars-icon{display:none;font-size:1.6rem;color:#ce4710;margin-left:2rem}.header-container span{display:none}.header-container .notification{text-align:center;padding:.5rem 1rem;color:#fff;border-radius:50px;position:absolute;z-index:1000;animation:slideIn .3s ease-out;left:50%;transform:translate(-50%);top:5%;margin-top:.5rem}@keyframes slideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.header-container .error{background-color:red}.header-container .success{background-color:green}.header-container .header-section{display:flex;align-items:center;height:100%;gap:1rem;flex:1}.header-container .header-section .mobile-menu-toggle{background:none;border:none;margin:0;padding:0}.header-container .header-section .icon-container{color:#454546;text-decoration:none;font-size:1.4rem;transition:color .2s ease}.header-container .header-section .icon-container:hover{cursor:pointer;color:#ce4710}.header-container .header-section:first-child{justify-content:flex-start}.header-container .header-section:last-child{justify-content:flex-end}.header-container .header-section a{display:flex;align-items:center;text-decoration:none;height:100%;padding:0;margin:0}.header-container .header-section Link{text-decoration:none}.header-container .header-section img{max-height:100%;width:auto;object-fit:contain;margin:0}.header-container .header-section .header-icon{font-size:1.1rem;font-weight:500;color:#454546;width:100%;white-space:nowrap;transition:color .2s ease}.header-container .header-section .header-icon:hover{color:#ce4710;cursor:pointer}.header-container .header-section .header-icon:focus{color:#ce4710}.header-container .logout-icon{color:#b90000}.header-container .two{display:flex;z-index:10000;flex-direction:row;align-items:center;gap:3.5rem;height:fit-content}@media (max-width: 480px){.header-container{height:15vh;padding:0 1rem!important}.header-container .header-section a{height:auto}.header-container .header-section img{max-height:130px;width:auto}.header-container .header-icon{font-size:1.1rem!important}.header-icon{font-size:1rem}.icon-container{font-size:1.1rem!important}.bars-icon{display:block!important}.two{flex-direction:column-reverse!important;position:absolute;top:5rem;left:3rem;background-color:#fff;padding:1rem;border-radius:10px;box-shadow:0 2px 8px #0003;gap:1.2rem!important;display:none}.two.show{display:flex}span{display:block!important;color:#b90000;font-size:1.1rem}.logout{display:flex;flex-direction:row;align-items:center;gap:.7rem}.notification{width:fit-content}}@media (min-width: 481px) and (max-width: 1024px){.header-container{padding:0 2rem;height:15vh}.header-container .header-icon{font-size:1.6rem}}.all-users-container{display:flex;flex-direction:column;gap:1.5rem;padding:4rem 7rem;background-color:#f0f0f0;height:100%}.all-users-container .filters-main-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.all-users-container .filters-main-container .serch-input{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:space-between;width:100%}.all-users-container .filters-main-container .serch-input .add-user-btn{background-color:#ce4710;border:none;border-radius:5px;padding:1rem 1.5rem;color:#fff;font-size:1.1rem;display:flex;flex-direction:row;align-items:center;gap:.6rem;transition:background-color .2s ease}.all-users-container .filters-main-container .serch-input .add-user-btn:hover{cursor:pointer;background-color:#e15c26}.all-users-container .filters-main-container .serch-input .search-lable{font-size:1.5rem;font-weight:600;color:#454546;white-space:nowrap;width:fit-content}.all-users-container .filters-main-container .serch-input .search-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px;width:100%}.all-users-container .filters-main-container .serch-input .search-container input{width:100%;padding:.8rem .4rem;border:none;font-size:1rem;text-align:end}.all-users-container .filters-main-container .serch-input .search-container input:focus{border:none}.all-users-container .filters-main-container .serch-input .search-container input:active{border:none}.all-users-container .filters-main-container .serch-input .search-container .search-btn{cursor:pointer;background:none;border:none;color:#454546;font-size:1.2rem;margin-left:.5rem}.all-users-container .filters-main-container .date-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:3rem;justify-content:space-between}.all-users-container .filters-main-container .date-container .date-lable{font-size:1.3rem;font-weight:600;color:#ce4710;white-space:nowrap;width:fit-content}.all-users-container table{width:100%;border-collapse:separate;border-spacing:0 .5rem;background-color:#fff;border-radius:10px;padding:1rem;border:1px solid rgb(224,224,224)}.all-users-container table thead tr th{padding:1rem;text-align:center;font-size:1.2rem;font-weight:600;color:#454546}.all-users-container table tbody tr{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000000d}.all-users-container table tbody tr td{padding:1rem;text-align:center;font-weight:600;border-top:1px solid rgb(224,224,224);border-bottom:1px solid rgb(224,224,224)}.all-users-container table tbody tr td:first-child{border-left:1px solid rgb(224,224,224);border-top-left-radius:5px;border-bottom-left-radius:5px}.all-users-container table tbody tr td:last-child{border-right:1px solid rgb(224,224,224);border-top-right-radius:5px;border-bottom-right-radius:5px}.all-users-container table tbody tr td+td{border-left:none}.all-users-container table tbody tr .payment-status-td{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;position:relative;padding-bottom:1.3rem}.all-users-container table tbody tr .payment-status-td ul{position:absolute;display:flex;flex-direction:column;align-items:center;background-color:#fff;box-shadow:1px 0 10px 1px #e6e6e6;border-radius:5px;list-style:none;width:fit-content;top:2rem;gap:.5rem;padding:.5rem 1rem;white-space:nowrap}.all-users-container table tbody tr .AngleIcon{cursor:pointer}.all-users-container table tbody tr .edit-btn,.all-users-container table tbody tr .delete-btn{background:none;border:none;font-size:1.2rem;cursor:pointer}.all-users-container table tbody tr .edit-btn{color:#ce4710}.all-users-container table tbody tr .delete-btn{color:#b90000}.all-users-container .navigation-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:.5rem;justify-content:flex-end}.all-users-container .navigation-container .arrow-btn{background-color:#ce4710;border:1px solid rgb(224,224,224);color:#fff;padding:.4rem .7rem;border:none;border-radius:3px;transition:background-color .2s ease}.all-users-container .navigation-container .arrow-btn:hover{cursor:pointer;background-color:#e15c26}.all-users-container .navigation-container .number{background-color:#fff;color:#454546;padding:.3rem .7rem;border-radius:3px;border:none}@media (max-width: 480px){.all-applications-container{padding:2rem 1rem!important}.all-applications-container .filters-main-container{gap:2rem}.all-applications-container .filters-main-container .serch-input{flex-direction:column-reverse}.all-applications-container .filters-main-container .serch-input .search-lable{font-size:1.5rem;width:100%;text-align:end}.all-applications-container .filters-main-container .serch-input,.all-applications-container .filters-main-container .date-container{width:100%}.all-applications-container .filters-main-container .date-container{flex-direction:column-reverse;gap:1rem}.all-applications-container .filters-main-container .date-container .date-lable{display:none}.all-applications-container .filters-main-container .date-container .search-container{flex-direction:column-reverse;gap:1rem}.all-applications-container .filters-main-container .date-container .search-container .date-div-inputs{flex-direction:row;justify-content:flex-end;gap:1rem}.all-applications-container table thead{display:none}.all-applications-container table tbody .btns-container{justify-content:center;margin:1rem 0 .5rem;gap:1rem}.all-applications-container table tbody tr{display:flex;flex-direction:column-reverse;padding:1rem;margin-bottom:1rem;border:1px solid rgb(224,224,224);border-radius:8px;box-shadow:0 2px 4px #0000000d}.all-applications-container table tbody tr td{display:flex;justify-content:space-between;border:none!important;padding:.5rem 0!important;text-align:right!important;position:relative;flex-direction:row-reverse}.all-applications-container table tbody tr td:before{content:attr(data-label);font-weight:600;color:#454546}.all-applications-container table tbody tr td:first-child{top:.5rem;left:.5rem;padding:0!important}.all-applications-container table tbody tr td.payment-status-td{flex-direction:row;align-items:flex-end;gap:.5rem;justify-content:space-between!important}.all-applications-container table tbody tr td.payment-status-td ul{top:3rem!important}.all-applications-container table tbody tr td.payment-status-td .AngleIcon{position:absolute;margin:1.5rem 1.2rem 1.3rem;left:.5rem;top:50%;transform:translateY(-50%)}.all-applications-container .navigation-container{justify-content:center!important}}.modal-overlay .add-user-modal{background-color:#fff;border-radius:8px;width:700px;max-width:90%;max-height:90vh;overflow-y:auto;padding:2rem;box-shadow:0 4px 20px #00000026}.modal-overlay .add-user-modal .modal-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-bottom:2rem}.modal-overlay .add-user-modal .modal-header button{font-size:1.3rem;cursor:pointer;background:none;border:none}.modal-overlay .add-user-modal form{max-height:calc(100% - 100px);overflow-y:auto;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;width:100%}.modal-overlay .add-user-modal form .inputs-group{display:flex;flex-direction:row;align-items:center;gap:1rem}.modal-overlay .add-user-modal form .inputs-group .form-group{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;width:100%}.modal-overlay .add-user-modal form .inputs-group input{width:95%;border:1px solid rgb(224,224,224);border-radius:10px;padding:.8rem .5rem;margin-bottom:.5rem;text-align:right}.modal-overlay .add-user-modal form .inputs-group input:focus{border:1px solid rgb(206,71,16);outline:1px rgb(206,71,16)}.modal-overlay .add-user-modal form .inputs-group input::placeholder{font-size:.9rem}@media (max-width: 768px){.modal-overlay .add-user-modal form .inputs-main-radio-container{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.modal-overlay .add-user-modal form .inputs-main-radio-container .radio-options-container{gap:1rem}}@media (max-width: 480px){.modal-overlay .add-user-modal form .inputs-main-radio-container .radio-options-container{gap:.5rem;flex-wrap:wrap}}.modal-overlay .add-user-modal .btns-container{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin-top:1rem}@media (max-width: 480px){.modal-overlay .add-user-modal .btns-container button{width:fit-content;white-space:nowrap}}.modal-overlay .add-user-modal .btns-container button{padding:.5rem 3rem;width:270px;font-size:1.1rem;text-align:center;border-radius:5px;margin-top:.5rem;border:none;transition:background-color .2s ease}.modal-overlay .add-user-modal .btns-container button:hover{cursor:pointer}.modal-overlay .add-user-modal .btns-container .submit-btn{background-color:#ce4710;color:#fff}.modal-overlay .add-user-modal .btns-container .submit-btn:hover{cursor:pointer;background-color:#e15c26}.modal-overlay .add-user-modal .btns-container .cancel-btn{background-color:#fff;border:1px solid rgb(69,69,70);color:#454546}.modal-overlay .add-user-modal .btns-container .cancel-btn:hover{cursor:pointer;background-color:#454546;color:#fff}.modal-overlay .delete-model{width:500px}.modal-overlay .delete-model form{gap:0}@media (max-width: 480px){.modal-overlay{align-items:flex-start;padding-top:2rem;padding-bottom:2rem}.modal-overlay .add-user-modal{margin-top:0;max-height:calc(100vh - 4rem)}.modal-overlay .add-user-modal{overflow-y:scroll}.modal-overlay .add-user-modal form .inputs-group{flex-direction:column}.modal-overlay .add-user-modal .btns-container{flex-direction:column-reverse;align-items:center;gap:1rem}.modal-overlay .add-user-modal{padding:1rem}.modal-overlay .add-user-modal form .inputs-main-radio-container{flex-direction:column!important;align-items:flex-end!important;gap:1rem!important}.modal-overlay .add-user-modal form .inputs-main-radio-container .radio-options-container{gap:2.5rem}}.registering-expenses-main-container{display:flex;flex-direction:column;gap:1.5rem;padding:3rem 6rem;background-color:#f0f0f0}.registering-expenses-main-container .save-stats-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-top:1rem}.registering-expenses-main-container .save-stats-container .save-stats-btn{background-color:#ce4710;border:none;border-radius:5px;padding:1rem 1.5rem;color:#fff;font-size:1.1rem;display:flex;flex-direction:row;align-items:center;gap:.6rem;transition:background-color .2s ease}.registering-expenses-main-container .save-stats-container .save-stats-btn:hover{cursor:pointer;background-color:#e15c26}.registering-expenses-main-container .statistics-main-container{display:flex;flex-direction:column;gap:1.5rem;align-items:start;width:100%;margin-bottom:2rem}.registering-expenses-main-container .statistics-main-container .statistics-label{color:#454546;font-size:1.3rem;font-weight:600}.registering-expenses-main-container .statistics-main-container .statistics-container{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:1rem;width:100%}.registering-expenses-main-container .statistics-main-container .statistics-container .card-container{border:none;cursor:pointer;border-radius:10px}.registering-expenses-main-container .statistics-main-container .statistics-container .card{border:none;border-radius:10px;padding:1rem 4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;width:200px}.registering-expenses-main-container .statistics-main-container .statistics-container .card picture{height:100%;width:100%;text-align:center}.registering-expenses-main-container .statistics-main-container .statistics-container .card picture img{width:90px;height:90px;object-fit:cover}.registering-expenses-main-container .statistics-main-container .statistics-container .card h3{margin:0;font-size:1.2rem;font-weight:600;text-align:center;margin-top:.5rem}.registering-expenses-main-container .statistics-main-container .statistics-container .card h4{margin:0;font-weight:600;font-size:2rem}.registering-expenses-main-container .statistics-main-container .statistics-container .card .card-2-label{width:170px;text-align:center}.registering-expenses-main-container .statistics-main-container .statistics-container .card-primary{display:flex;visibility:visible}.registering-expenses-main-container .btns{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.registering-expenses-main-container .btns .download-btn{cursor:pointer;background:none;font-size:1.1rem;display:flex;flex-direction:row;align-items:center;gap:1rem;border:none;margin-top:1rem}.registering-expenses-main-container .btns .btns-container button{width:215px!important}.registering-expenses-main-container .filters-main-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.registering-expenses-main-container .filters-main-container .serch-input{display:flex;flex-direction:row-reverse;gap:1rem;align-items:center;justify-content:space-between;width:100%}.registering-expenses-main-container .filters-main-container .serch-input .add-user-btn{background-color:#ce4710;border:none;border-radius:5px;padding:1rem 1.5rem;color:#fff;font-size:1.1rem;display:flex;flex-direction:row;align-items:center;gap:.6rem;transition:background-color .2s ease}.registering-expenses-main-container .filters-main-container .serch-input .add-user-btn:hover{cursor:pointer;background-color:#e15c26}.registering-expenses-main-container .filters-main-container .serch-input .search-lable{font-size:1.5rem;font-weight:600;color:#454546;white-space:nowrap;width:fit-content}.registering-expenses-main-container .filters-main-container .date-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:3rem;justify-content:space-between}.registering-expenses-main-container .filters-main-container .date-container .date-lable{font-size:1.3rem;font-weight:600;color:#ce4710;white-space:nowrap;width:fit-content}.registering-expenses-main-container .filters-main-container .date-container .search-container{display:flex;flex-direction:row;justify-content:space-around;width:100%;align-items:center;gap:1rem}.registering-expenses-main-container .filters-main-container .date-container .search-container .date-div-inputs{display:flex;flex-direction:row;width:100%;justify-content:space-around;align-items:center;gap:1rem}.registering-expenses-main-container .filters-main-container .date-container .search-container .date-div-inputs label{font-size:1.1rem;color:#454546;font-weight:600;white-space:nowrap;width:fit-content}.registering-expenses-main-container .filters-main-container .date-container .search-container .date-div-inputs input,.registering-expenses-main-container .filters-main-container .date-container .search-container .date-div-inputs textarea{width:100%;padding:.8rem .4rem;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px}.registering-expenses-main-container table{width:100%;border-collapse:separate;border-spacing:0 .5rem;background-color:#fff;border-radius:10px;padding:1rem;border:1px solid rgb(224,224,224)}.registering-expenses-main-container table thead tr th{padding:1rem;text-align:center;font-size:1.2rem;font-weight:600;color:#454546}.registering-expenses-main-container table tbody tr{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000000d}.registering-expenses-main-container table tbody tr td{padding:1rem;text-align:center;font-weight:600;border-top:1px solid rgb(224,224,224);border-bottom:1px solid rgb(224,224,224)}.registering-expenses-main-container table tbody tr td:first-child{border-left:1px solid rgb(224,224,224);border-top-left-radius:5px;border-bottom-left-radius:5px}.registering-expenses-main-container table tbody tr td:last-child{border-right:1px solid rgb(224,224,224);border-top-right-radius:5px;border-bottom-right-radius:5px}.registering-expenses-main-container table tbody tr td+td{border-left:none}.registering-expenses-main-container table tbody tr .payment-status-td{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;position:relative;padding-bottom:1.3rem}.registering-expenses-main-container table tbody tr .payment-status-td ul{position:absolute;display:flex;flex-direction:column;align-items:center;background-color:#fff;box-shadow:1px 0 10px 1px #e6e6e6;border-radius:5px;list-style:none;width:fit-content;top:2rem;gap:.5rem;padding:.5rem 1rem;white-space:nowrap}.registering-expenses-main-container table tbody tr .AngleIcon{cursor:pointer}.registering-expenses-main-container table tbody tr .edit-btn,.registering-expenses-main-container table tbody tr .delete-btn{background:none;border:none;font-size:1.2rem;cursor:pointer}.registering-expenses-main-container table tbody tr .edit-btn{color:#ce4710}.registering-expenses-main-container table tbody tr .delete-btn{color:#b90000}.registering-expenses-main-container .navigation-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:.5rem;justify-content:flex-start}.registering-expenses-main-container .navigation-container .arrow-btn{background-color:#ce4710;border:1px solid rgb(224,224,224);color:#fff;padding:.4rem .7rem;border:none;border-radius:3px;transition:background-color .2s ease}.registering-expenses-main-container .navigation-container .arrow-btn:hover{cursor:pointer;background-color:#e15c26}.registering-expenses-main-container .navigation-container .number{background-color:#fff;color:#454546;padding:.3rem .7rem;border-radius:3px;border:none}.registering-expenses-main-container .navigation-container .number.active{background-color:#ce4710;color:#fff}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:.5rem}.modal-overlay .add-user-modal{background-color:#fff;border-radius:8px;width:850px;max-width:90%;max-height:90vh;overflow-y:auto;padding:2rem;box-shadow:0 4px 20px #00000026}.modal-overlay .add-user-modal .modal-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-bottom:2rem;position:relative}.modal-overlay .add-user-modal .modal-header h3{margin:0;font-weight:600;font-size:1.4rem}.modal-overlay .add-user-modal .modal-header .modal-close-btn{position:absolute;left:0;top:0;font-size:1.8rem;cursor:pointer;background:none;border:none;color:#666}.modal-overlay .add-user-modal .modal-header .modal-close-btn:hover{color:#333}.modal-overlay .add-user-modal .delete-header{justify-content:center!important;margin-bottom:.5rem}.modal-overlay .add-user-modal form{max-height:calc(100% - 100px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;width:100%}.modal-overlay .add-user-modal form h4{font-size:1.1rem;text-align:center;margin:.5rem 0}.modal-overlay .add-user-modal form .inputs-group{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:0 0 0 1rem}.modal-overlay .add-user-modal form .inputs-group .form-group{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;width:100%}.modal-overlay .add-user-modal form .inputs-group .form-group .file-container{padding:.5rem;border:1px solid rgb(216,216,216);border-radius:5px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;width:100%;margin-top:.5rem;flex-wrap:wrap;gap:.5rem}.modal-overlay .add-user-modal form .inputs-group .form-group .file-container h4{font-size:15px;margin:0}.modal-overlay .add-user-modal form .inputs-group .form-group .file-container .upload-file-btn{padding:.5rem 1rem;font-size:1rem;text-align:center;border-radius:5px;border:none;background-color:#fff;border:1px solid rgb(69,69,70);display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.modal-overlay .add-user-modal form .inputs-group .form-group .file-container .upload-file-btn:hover{background-color:#454546;color:#fff}.modal-overlay .add-user-modal form .inputs-group .form-group .file-container .remove-file-btn{background-color:#f44336;color:#fff;border:none;border-radius:5px;padding:.4rem .8rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.modal-overlay .add-user-modal form .inputs-group .form-group .file-container .remove-file-btn:hover{background-color:#d32f2f}.modal-overlay .add-user-modal form .inputs-group .form-group .file-container .existing-file-info,.modal-overlay .add-user-modal form .inputs-group .form-group .file-container .new-file-info{display:flex;align-items:center;gap:.5rem;padding:.3rem .8rem;background-color:#e3f2fd;border-radius:5px}.modal-overlay .add-user-modal form .inputs-group .form-group .file-container .existing-file-info .file-link,.modal-overlay .add-user-modal form .inputs-group .form-group .file-container .new-file-info .file-link{color:#1e88e5;background:none;border:none;cursor:pointer;text-decoration:underline}.modal-overlay .add-user-modal form .inputs-group .form-group .file-container .existing-file-info .file-link:hover,.modal-overlay .add-user-modal form .inputs-group .form-group .file-container .new-file-info .file-link:hover{color:#0b5e9e}.modal-overlay .add-user-modal form .inputs-group .form-group .file-container .existing-file-info .delete-existing-btn,.modal-overlay .add-user-modal form .inputs-group .form-group .file-container .new-file-info .delete-existing-btn{background-color:#f44336;color:#fff;border:none;border-radius:5px;padding:.3rem .6rem;cursor:pointer}.modal-overlay .add-user-modal form .inputs-group .form-group .file-container .existing-file-info .delete-existing-btn:hover,.modal-overlay .add-user-modal form .inputs-group .form-group .file-container .new-file-info .delete-existing-btn:hover{background-color:#d32f2f}.modal-overlay .add-user-modal form .inputs-group .form-group .file-container .delete-warning{background-color:#ffebee;color:#c62828;padding:.3rem .8rem;border-radius:5px;display:flex;align-items:center;gap:.5rem}.modal-overlay .add-user-modal form .inputs-group label{font-size:1.1rem;font-weight:600;color:#454546}.modal-overlay .add-user-modal form .inputs-group input,.modal-overlay .add-user-modal form .inputs-group textarea{width:95%;border:1px solid rgb(224,224,224);border-radius:10px;padding:.8rem .5rem;margin-bottom:.5rem;text-align:right}.modal-overlay .add-user-modal form .inputs-group input:focus,.modal-overlay .add-user-modal form .inputs-group textarea:focus{border:1px solid rgb(206,71,16);outline:1px solid rgb(206,71,16)}.modal-overlay .add-user-modal form .inputs-group input::placeholder,.modal-overlay .add-user-modal form .inputs-group textarea::placeholder{font-size:.9rem}.modal-overlay .add-user-modal form .inputs-main-radio-container{display:flex!important;flex-direction:row-reverse!important;align-items:center!important;gap:1.5rem!important;width:100%!important}.modal-overlay .add-user-modal form .inputs-main-radio-container .user-status-labels{font-size:1.1rem;font-weight:600;color:#454546;white-space:nowrap;margin:0}.modal-overlay .add-user-modal form .inputs-main-radio-container .radio-options-container{display:flex;flex-direction:row-reverse;gap:1.5rem;flex-wrap:wrap;width:100%}.modal-overlay .add-user-modal form .inputs-main-radio-container .radio-input-container{display:flex!important;flex-direction:row-reverse!important;align-items:center!important;gap:.5rem!important;width:fit-content!important}.modal-overlay .add-user-modal form .inputs-main-radio-container .radio-input-container input[type=radio]{width:18px!important;height:18px!important;margin:0!important;accent-color:rgb(206,71,16)}.modal-overlay .add-user-modal form .inputs-main-radio-container .radio-input-container input[type=radio]:checked{background-color:#ce4710}.modal-overlay .add-user-modal form .inputs-main-radio-container .radio-input-container label{font-size:1rem;font-weight:400;color:#454546;margin:0}.modal-overlay .add-user-modal form .custom-gap{gap:2.4rem!important}.modal-overlay .add-user-modal .btns-container{display:flex;flex-direction:row;justify-content:center;gap:1.5rem;margin-top:1.5rem;width:100%}.modal-overlay .add-user-modal .btns-container button{padding:.7rem 2rem;width:180px;font-size:1rem;font-weight:500;border-radius:5px;cursor:pointer;transition:all .2s ease}.modal-overlay .add-user-modal .btns-container .submit-btn{background-color:#1e88e5;border:none;color:#fff}.modal-overlay .add-user-modal .btns-container .submit-btn:hover:not(:disabled){background-color:#0b5e9e}.modal-overlay .add-user-modal .btns-container .submit-btn:disabled{opacity:.6;cursor:not-allowed}.modal-overlay .add-user-modal .btns-container .cancel-btn{background-color:#fff;border:1px solid #6c757d;color:#6c757d}.modal-overlay .add-user-modal .btns-container .cancel-btn:hover:not(:disabled){background-color:#6c757d;color:#fff}.modal-overlay .add-user-modal .btns-container .cancel-btn:disabled{opacity:.6;cursor:not-allowed}.modal-overlay .add-user-modal .delete-confirm-btn{background-color:#f44336!important}.modal-overlay .add-user-modal .delete-confirm-btn:hover:not(:disabled){background-color:#d32f2f!important}.modal-overlay .add-user-modal .copy-confirm-content{text-align:center}.modal-overlay .add-user-modal .copy-confirm-content h4{margin-bottom:1rem}.modal-overlay .add-user-modal .copy-confirm-content .copied-expense-details{background:#f8f9fa;padding:1rem;border-radius:8px;margin:1rem 0;border-right:4px solid #ff9800;text-align:right}.modal-overlay .add-user-modal .copy-confirm-content .copied-expense-details div{margin-bottom:.5rem}.modal-overlay .add-user-modal .copy-confirm-content .copy-note{color:#f44336;font-size:.9rem;font-style:italic}.modal-overlay .delete-model{width:500px;text-align:center}.modal-overlay .delete-model h4{margin:1rem 0;font-size:1.1rem;font-weight:400;color:#333}.copy-btn{background-color:#ff9800;border:none;border-radius:5px;padding:.5rem 1rem;margin:0 .25rem;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background-color:#f57c00;transform:translateY(-2px)}.edit-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#ce4710;padding:.5rem 1rem}.edit-btn:hover{opacity:.8}.delete-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#b90000;padding:.5rem 1rem}.delete-btn:hover{opacity:.8}.btns-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.clear-filters-btn{background-color:#6c757d;color:#fff;border:none;border-radius:5px;padding:.8rem 1.5rem;cursor:pointer;white-space:nowrap;transition:background-color .2s ease}.clear-filters-btn:hover{background-color:#5a6268}.summary-card{background:#fff;border-radius:10px;padding:1rem;margin-bottom:1rem;border:1px solid rgb(224,224,224);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.summary-card .summary-stats{display:flex;gap:2rem;align-items:center}.summary-card .summary-stats .results-count{font-weight:700;color:#666}.summary-card .summary-stats .results-total{font-weight:700;color:#2e7d32}.loading-container,.no-data-message{text-align:center;padding:2rem;color:#666;background:#f9f9f9;border-radius:8px}@media (max-width: 768px){.registering-expenses-main-container{padding:2rem}.registering-expenses-main-container .filters-main-container .date-container{flex-direction:column;gap:1rem}.registering-expenses-main-container .filters-main-container .date-container .search-container{flex-direction:column}.registering-expenses-main-container .filters-main-container .date-container .search-container .date-div-inputs{width:100%}.modal-overlay .add-user-modal form .inputs-group{flex-direction:column;padding:0}}@media (max-width: 480px){.registering-expenses-main-container{padding:1rem!important}.registering-expenses-main-container .filters-main-container .serch-input{flex-direction:column-reverse;align-items:center}.registering-expenses-main-container .filters-main-container .date-container .search-container .date-div-inputs{flex-direction:column}.registering-expenses-main-container .filters-main-container .date-container .search-container .date-div-inputs label{white-space:normal}.registering-expenses-main-container .filters-main-container .date-container .search-container .date-div-inputs input{width:100%}.registering-expenses-main-container table thead{display:none}.registering-expenses-main-container table tbody tr{display:flex;flex-direction:column;padding:1rem;margin-bottom:1rem;border:1px solid rgb(224,224,224);border-radius:8px}.registering-expenses-main-container table tbody tr td{display:flex;justify-content:space-between;border:none!important;padding:.5rem 0!important;text-align:right!important}.registering-expenses-main-container table tbody tr td:before{content:attr(data-label);font-weight:600;color:#454546;margin-left:1rem}.registering-expenses-main-container table tbody tr td .btns-container{justify-content:center;width:100%}.registering-expenses-main-container .navigation-container{justify-content:center!important}.modal-overlay{align-items:flex-start;padding-top:2rem}.modal-overlay .add-user-modal{padding:1rem}.modal-overlay .add-user-modal .btns-container{flex-direction:column;align-items:center}.modal-overlay .add-user-modal .btns-container button{width:100%!important;max-width:250px}.modal-overlay .add-user-modal form .inputs-group .form-group .file-container{flex-direction:column}.summary-card{flex-direction:column;text-align:center}.summary-card .summary-stats{flex-direction:column;gap:.5rem}}.statistics-page{margin-top:2rem;font-family:Tajawal,Roboto,Helvetica,Arial,sans-serif;background-color:#f8f9fa;min-height:100vh;padding:20px;direction:rtl}.statistics-page .container{max-width:1200px;margin:0 auto}.statistics-page .header{text-align:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a}.statistics-page .header h1{color:#ce4710;margin-bottom:10px;font-weight:800;font-size:2rem}.statistics-page .header p{color:#454546;font-size:1.1em}.statistics-page .message{padding:15px;margin-bottom:20px;border-radius:5px;text-align:center;font-weight:500}.statistics-page .message.success{background-color:#2c7b0d1a;color:#2c7b0d;border:1px solid rgba(44,123,13,.3)}.statistics-page .message.error{background-color:#b900001a;color:#b90000;border:1px solid rgba(185,0,0,.3)}.statistics-page .actions{display:flex;justify-content:center;margin-bottom:30px}.statistics-page .actions .send-email-btn{background-color:#ce4710;color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.statistics-page .actions .send-email-btn:hover:not(:disabled){background-color:#e15c26;transform:translateY(-2px);box-shadow:0 6px 12px #ce471033}.statistics-page .actions .send-email-btn:disabled{opacity:.6;cursor:not-allowed}.statistics-page .statistics-container{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px}.statistics-page .statistics-container h2{color:#454546;margin-bottom:20px;text-align:center;font-size:1.8rem}.statistics-page .statistics-container .no-data{text-align:center;padding:40px;color:#454546;font-size:1.2em;background-color:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.statistics-page .statistics-container .statistics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}@media (max-width: 768px){.statistics-page .statistics-container .statistics-grid{grid-template-columns:1fr}}.statistics-page .statistics-container .statistics-grid .statistics-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;border:1px solid #e9ecef;transition:transform .3s ease;overflow:hidden}.statistics-page .statistics-container .statistics-grid .statistics-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.statistics-page .statistics-container .statistics-grid .statistics-card .card-header{background:linear-gradient(135deg,#ce4710,#e15c26);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.statistics-page .statistics-container .statistics-grid .statistics-card .card-header h3{margin:0;font-weight:700;font-size:1.3rem}.statistics-page .statistics-container .statistics-grid .statistics-card .card-header .badge{background:#fff3;padding:5px 10px;border-radius:20px;font-size:.9em}.statistics-page .statistics-container .statistics-grid .statistics-card .card-body{padding:20px}.statistics-page .statistics-container .statistics-grid .statistics-card .card-body .stat-group{margin-bottom:20px}.statistics-page .statistics-container .statistics-grid .statistics-card .card-body .stat-group:last-child{margin-bottom:0}.statistics-page .statistics-container .statistics-grid .statistics-card .card-body .stat-group h4{color:#ce4710;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #f0f0f0;font-weight:700;font-size:1.1rem}.statistics-page .statistics-container .statistics-grid .statistics-card .card-body .stat-group .stat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f8f9fa}.statistics-page .statistics-container .statistics-grid .statistics-card .card-body .stat-group .stat-row:last-child{border-bottom:none}.statistics-page .statistics-container .statistics-grid .statistics-card .card-body .stat-group .stat-row .stat-label{color:#454546;font-weight:500}.statistics-page .statistics-container .statistics-grid .statistics-card .card-body .stat-group .stat-row .stat-value{font-weight:600;color:#2c3e50}.statistics-page .statistics-container .statistics-grid .statistics-card .card-body .stat-group .stat-row .stat-value.amount{color:#2c7b0d;font-weight:700}.statistics-page .statistics-container .statistics-grid .statistics-card .card-body .stat-group .stat-row .stat-value.amount.profit{color:#2c7b0d}.statistics-page .statistics-container .statistics-grid .statistics-card .card-body .stat-group .stat-row .stat-value.amount.loss{color:#b90000}.statistics-page .statistics-container .statistics-grid .statistics-card .card-body .stat-group .stat-row.highlight{background-color:#2c7b0d0d;padding:8px 10px;border-radius:5px;margin-top:5px}.statistics-page .statistics-container .statistics-grid .statistics-card .card-body .stat-group .stat-row.highlight .stat-label{font-weight:700}.statistics-page .statistics-container .statistics-grid .statistics-card .card-footer{padding:15px 20px;background-color:#f8f9fa;border-top:1px solid #e9ecef}.statistics-page .statistics-container .statistics-grid .statistics-card .card-footer .send-single-btn{width:100%;background-color:#454546;color:#fff;border:none;padding:10px;border-radius:5px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.statistics-page .statistics-container .statistics-grid .statistics-card .card-footer .send-single-btn:hover{background-color:#5e5e60}.statistics-page .statistics-container .statistics-grid .statistics-card .card-footer .send-single-btn:disabled{opacity:.6;cursor:not-allowed}.statistics-page .info-box{background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 6px #0000001a;border-left:4px solid rgb(206,71,16)}.statistics-page .info-box h3{color:#ce4710;margin-bottom:15px;font-weight:700;font-size:1.3rem}.statistics-page .info-box ul{list-style:none;padding:0}.statistics-page .info-box ul li{padding:8px 25px 8px 0;position:relative}.statistics-page .info-box ul li:before{content:"✓";position:absolute;right:0;color:#2c7b0d;font-weight:700}.statistics-page .loading{text-align:center;padding:50px;font-size:1.2em;color:#454546;font-weight:600}.current-month-section{background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;border-top:4px solid rgb(206,71,16)}.current-month-section .section-header h2{color:#ce4710;margin-bottom:20px;text-align:center;font-size:1.5rem}.current-month-section .section-header .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.current-month-section .section-header .summary-cards .summary-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;border-radius:8px;text-align:center;border:1px solid #dee2e6;transition:transform .3s ease}.current-month-section .section-header .summary-cards .summary-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}.current-month-section .section-header .summary-cards .summary-card .summary-label{display:block;color:#454546;font-weight:600;margin-bottom:10px;font-size:.9rem}.current-month-section .section-header .summary-cards .summary-card .summary-value{display:block;font-weight:700;color:#2c3e50;font-size:1.2rem}.current-month-section .section-header .summary-cards .summary-card .summary-value.large{font-size:1.5rem}.current-month-section .section-header .summary-cards .summary-card .summary-value.profit{color:#2c7b0d}.current-month-section .section-header .summary-cards .summary-card .summary-value.loss{color:#b90000}.current-month-section .section-header .action-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.current-month-section .section-header .action-buttons .save-stats-btn{background-color:#ce4710;color:#fff;border:none;padding:12px 25px;border-radius:8px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:200px}.current-month-section .section-header .action-buttons .save-stats-btn:hover:not(:disabled){background-color:#e15c26;transform:translateY(-2px);box-shadow:0 6px 12px #ce471033}.current-month-section .section-header .action-buttons .save-stats-btn:disabled{opacity:.6;cursor:not-allowed}.current-month-section .section-header .action-buttons .save-stats-btn:disabled:not(:disabled):hover{background-color:#2c7b0d}.current-month-section .section-header .action-buttons .preview-email-btn{background-color:#454546;color:#fff;border:none;padding:12px 25px;border-radius:8px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:200px}.current-month-section .section-header .action-buttons .preview-email-btn:hover:not(:disabled){background-color:#5e5e60;transform:translateY(-2px)}.current-month-section .section-header .action-buttons .preview-email-btn:disabled{opacity:.6;cursor:not-allowed}.period-filter{display:flex;gap:10px;margin-bottom:20px}.period-filter button{padding:8px 20px;border-radius:5px;border:1px solid #007bff;background-color:#fff;color:#007bff;cursor:pointer;transition:all .2s}.period-filter button.active{background-color:#007bff;color:#fff}.period-filter button:hover{background-color:#0056b3;color:#fff}.action-buttons button,.actions button{margin-right:10px;padding:8px 16px;border-radius:5px;border:none;cursor:pointer;background-color:#28a745;color:#fff;transition:all .2s}.action-buttons button:disabled,.actions button:disabled{background-color:#ccc;cursor:not-allowed}.action-buttons button:hover:not(:disabled),.actions button:hover:not(:disabled){background-color:#218838}.toast{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;color:#fff;font-size:14px;z-index:9999;opacity:.95;box-shadow:0 4px 12px #0003;transition:all .3s ease}.toast.success{background-color:#28a745}.toast.error{background-color:#dc3545}.save-report-container{padding:20px;direction:rtl;background:#f5f7fa;min-height:calc(100vh - 70px)}.save-report-container .report-tabs{display:flex;gap:10px;margin-bottom:25px;background:#fff;padding:10px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.save-report-container .report-tabs .tab-btn{padding:10px 24px;font-size:16px;font-weight:500;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#666}.save-report-container .report-tabs .tab-btn:hover:not(:disabled){background:#f0f0f0}.save-report-container .report-tabs .tab-btn.active{background:#1e88e5;color:#fff}.save-report-container .report-tabs .tab-btn:disabled{opacity:.5;cursor:not-allowed}.save-report-container .filters-section{display:flex;gap:1rem;margin:1rem 0;flex-wrap:wrap;justify-content:center}.save-report-container .filters-section .filter-group{position:relative}.save-report-container .filters-section .filter-group .filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f0f2f5;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s}.save-report-container .filters-section .filter-group .filter-toggle-btn:hover{background:#e0e4e8}.save-report-container .filters-section .filter-group .date-range-picker{position:absolute;top:100%;left:0;margin-top:.5rem;background:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem;box-shadow:0 4px 12px #00000026;z-index:100;min-width:250px}.save-report-container .filters-section .filter-group .date-range-picker .date-input-group{margin-bottom:.75rem}.save-report-container .filters-section .filter-group .date-range-picker .date-input-group label{display:block;margin-bottom:.25rem;font-size:.8rem;color:#666}.save-report-container .filters-section .filter-group .date-range-picker .date-input-group input{width:93%;padding:.5rem;border:1px solid #ddd;border-radius:4px}.save-report-container .filters-section .filter-group .date-range-picker .clear-filter-btn{width:100%;padding:.5rem;background:#f44;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:.5rem}.save-report-container .filters-section .filter-group .date-range-picker .clear-filter-btn:hover{background:#c00}.save-report-container .filters-section .filter-group .employee-search{position:absolute;top:100%;left:0;margin-top:.5rem;background:#fff;border:1px solid #ddd;border-radius:8px;padding:.75rem;box-shadow:0 4px 12px #00000026;min-width:220px;display:flex;gap:.5rem}.save-report-container .filters-section .filter-group .employee-search .employee-search-input{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px}.save-report-container .filters-section .filter-group .employee-search .employee-search-input:focus{outline:none;border-color:#ce4710}.save-report-container .filters-section .filter-group .employee-search .clear-filter-btn{padding:.5rem 1rem;background:#f44;color:#fff;border:none;border-radius:4px;cursor:pointer}.save-report-container .filters-section .filter-group .employee-search .clear-filter-btn:hover{background:#c00}.save-report-container .active-filter-info{background:#e3f2fd;border-radius:8px;padding:.5rem 1rem;margin:.5rem 0;font-size:.85rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.save-report-container .active-filter-info .reset-filter-btn{background:#ce4710;color:#fff;border:none;border-radius:4px;padding:.25rem .75rem;cursor:pointer;font-size:.75rem}.save-report-container .clear-all-filters{background:#ce4710;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;font-size:.85rem;margin:.5rem 0}.save-report-container .clear-all-filters:hover{background:#a83608}.save-report-container .clear-filters-container{margin:1rem 0;text-align:center}.save-report-container .clear-filters-container .clear-all-filters-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#f44;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s}.save-report-container .clear-filters-container .clear-all-filters-btn:hover{background:#c00;transform:scale(1.02)}.save-report-container .date-picker-buttons{display:flex;gap:.5rem;margin-top:.75rem}.save-report-container .date-picker-buttons .apply-date-btn{flex:1;padding:.5rem;background:#2e7d32;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.save-report-container .date-picker-buttons .apply-date-btn:hover{background:#1b5e20}.save-report-container .date-picker-buttons .cancel-date-btn{flex:1;padding:.5rem;background:#757575;color:#fff;border:none;border-radius:4px;cursor:pointer}.save-report-container .date-picker-buttons .cancel-date-btn:hover{background:#616161}.save-report-container .filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f0f2f5;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s}.save-report-container .filter-toggle-btn:hover{background:#e0e4e8;border-color:#ce4710}.save-report-container .active-filter-info{background:linear-gradient(135deg,#e3f2fd,#bbdef5);border-radius:8px;padding:.5rem 1rem;margin:.5rem 0;font-size:.85rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.save-report-container .active-filter-info .reset-filter-btn{background:#ce4710;color:#fff;border:none;border-radius:20px;padding:.25rem .75rem;cursor:pointer;font-size:.75rem}.save-report-container .active-filter-info .reset-filter-btn:hover{background:#a83608}.save-report-container .report-header{background:#fff;border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 2px 8px #0000000d}.save-report-container .report-header .back-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;margin-bottom:20px;font-size:14px;transition:all .3s}.save-report-container .report-header .back-btn:hover{background:#e0e0e0}.save-report-container .report-header .report-title-section{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px}.save-report-container .report-header .report-title-section .report-name-input{flex:1;min-width:200px;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;direction:rtl;transition:all .3s}.save-report-container .report-header .report-title-section .report-name-input:focus{outline:none;border-color:#1e88e5}.save-report-container .report-header .report-title-section .report-type-selector{display:flex;gap:8px;background:#f5f7fa;padding:4px;border-radius:10px}.save-report-container .report-header .report-title-section .report-type-selector .type-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s}.save-report-container .report-header .report-title-section .report-type-selector .type-btn svg{font-size:14px}.save-report-container .report-header .report-title-section .report-type-selector .type-btn:hover{background:#e0e0e0}.save-report-container .report-header .report-title-section .report-type-selector .type-btn.active{background:#1e88e5;color:#fff}.save-report-container .report-header .report-title-section .employee-filter{display:flex;align-items:center;gap:8px;background:#f5f7fa;padding:4px 12px;border-radius:10px}.save-report-container .report-header .report-title-section .employee-filter svg{color:#666}.save-report-container .report-header .report-title-section .employee-filter select{padding:8px;border:none;background:transparent;font-size:14px;cursor:pointer}.save-report-container .report-header .report-title-section .employee-filter select:focus{outline:none}.save-report-container .report-header .report-title-section .save-buttons .save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#43a047;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.save-report-container .report-header .report-title-section .save-buttons .save-btn:hover:not(:disabled){background:#2e7d32;transform:translateY(-1px)}.save-report-container .report-header .report-title-section .save-buttons .save-btn:disabled{opacity:.7;cursor:not-allowed}.save-report-container .report-header .export-buttons{display:flex;gap:10px;justify-content:flex-end}.save-report-container .report-header .export-buttons .export-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s}.save-report-container .report-header .export-buttons .export-btn.excel{background:#1e88e5;color:#fff}.save-report-container .report-header .export-buttons .export-btn.excel:hover{background:#1565c0}.save-report-container .financial-summary{background:#fff;border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 2px 8px #0000000d}.save-report-container .financial-summary h3{margin:0 0 20px;font-size:18px;color:#333;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.save-report-container .financial-summary .financial-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.save-report-container .financial-summary .financial-cards .financial-card{display:flex;align-items:center;gap:20px;padding:20px;border-radius:12px;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;transition:transform .3s,box-shadow .3s}.save-report-container .financial-summary .financial-cards .financial-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.save-report-container .financial-summary .financial-cards .financial-card svg{font-size:40px}.save-report-container .financial-summary .financial-cards .financial-card .financial-info{flex:1}.save-report-container .financial-summary .financial-cards .financial-card .financial-info .label{display:block;font-size:14px;color:#666;margin-bottom:8px}.save-report-container .financial-summary .financial-cards .financial-card .financial-info .value{display:block;font-size:24px;font-weight:700;color:#333}.save-report-container .financial-summary .financial-cards .financial-card .financial-info .sub-value{display:block;font-size:12px;color:#999;margin-top:5px}.save-report-container .financial-summary .financial-cards .financial-card .financial-info .add-expense-btn{margin-top:10px;padding:6px 12px;background:#e53935;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px}.save-report-container .financial-summary .financial-cards .financial-card .financial-info .add-expense-btn:hover{background:#c62828}.save-report-container .financial-summary .financial-cards .financial-card.income svg{color:#43a047}.save-report-container .financial-summary .financial-cards .financial-card.expenses svg{color:#e53935}.save-report-container .financial-summary .financial-cards .financial-card.profit svg{color:#1e88e5}.save-report-container .live-status{display:flex;align-items:center;gap:10px;margin-right:auto}.save-report-container .live-status .live-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.save-report-container .live-status .live-indicator.connected{background:#e8f5e9;color:#2e7d32}.save-report-container .live-status .live-indicator.connected .live-dot{background:#4caf50;animation:pulse 1.5s infinite}.save-report-container .live-status .live-indicator.disconnected{background:#ffebee;color:#c62828}.save-report-container .live-status .live-indicator.disconnected .live-dot{background:#f44336}.save-report-container .live-status .live-indicator .live-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.save-report-container .live-status .live-indicator .live-text{font-size:11px}.save-report-container .live-status .refresh-manual-btn{background:none;border:none;cursor:pointer;font-size:16px;color:#666;padding:6px;border-radius:50%;transition:all .3s}.save-report-container .live-status .refresh-manual-btn:hover{background:#f0f0f0;color:#ce4710}.save-report-container .active-filter-info{display:flex;align-items:center;gap:10px;padding:8px 15px;background:#e3f2fd;border-radius:8px;font-size:13px;color:#1565c0;margin-right:15px}.save-report-container .active-filter-info .reset-filter-btn{background:none;border:none;color:#1565c0;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:4px}.save-report-container .active-filter-info .reset-filter-btn:hover{background:#1565c01a}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.save-report-container .employee-performance-section .performance-table td{text-align:center}.save-report-container .employee-performance-section .performance-table td.stat-number{font-weight:600;color:#1e88e5}.save-report-container .employee-performance-section .performance-table td.stat-number.completed{color:#43a047}.save-report-container .employee-performance-section .performance-table td.stat-number.completed .completion-badge{display:inline-block;margin-right:8px;padding:2px 8px;background:#e8f5e9;border-radius:20px;font-size:11px;color:#2e7d32}.save-report-container .employee-performance-section .performance-table td.stat-amount{font-weight:500;color:#fb8c00}.save-report-container .employee-performance-section .performance-table .completion-bar{position:relative;width:120px;height:24px;background:#e9ecef;border-radius:12px;overflow:hidden}.save-report-container .employee-performance-section .performance-table .completion-bar .completion-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#43a047,#66bb6a);transition:width .5s ease;border-radius:12px}.save-report-container .employee-performance-section .performance-table .completion-bar span{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;font-size:11px;font-weight:700;color:#fff}.save-report-container .invoices-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 2px 8px #0000000d}.save-report-container .invoices-section h3{margin:0 0 20px;font-size:18px;color:#333;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.save-report-container .invoices-section h3 svg{color:#e53935}.save-report-container .invoices-section .invoices-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.save-report-container .invoices-section .invoices-summary .invoice-stat{padding:20px;border-radius:12px;text-align:center}.save-report-container .invoices-section .invoices-summary .invoice-stat.unpaid{background:linear-gradient(135deg,#fff3e0,#fff);border:1px solid #FFB74D}.save-report-container .invoices-section .invoices-summary .invoice-stat.overdue{background:linear-gradient(135deg,#ffebee,#fff);border:1px solid #EF5350}.save-report-container .invoices-section .invoices-summary .invoice-stat span{display:block;font-size:14px;color:#666;margin-bottom:10px}.save-report-container .invoices-section .invoices-summary .invoice-stat strong{display:block;font-size:28px;color:#333;margin-bottom:8px}.save-report-container .invoices-section .invoices-summary .invoice-stat .amount{font-size:18px;font-weight:700;color:#e53935}.save-report-container .invoices-section .invoices-table-container{overflow-x:auto}.save-report-container .invoices-section .invoices-table-container h4{margin:20px 0 15px;font-size:16px;color:#555}.save-report-container .invoices-section .invoices-table-container table{width:100%;border-collapse:collapse}.save-report-container .invoices-section .invoices-table-container table th,.save-report-container .invoices-section .invoices-table-container table td{padding:10px;text-align:center;border-bottom:1px solid #e9ecef}.save-report-container .invoices-section .invoices-table-container table th{background:#f8f9fa;font-weight:600;color:#495057}.save-report-container .invoices-section .invoices-table-container table .status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px}.save-report-container .invoices-section .invoices-table-container table .status-badge.unpaid{background:#ffb74d;color:#fff}.save-report-container .customer-stats-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 2px 8px #0000000d}.save-report-container .customer-stats-section h3{margin:0 0 20px;font-size:18px;color:#333;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.save-report-container .customer-stats-section h3 svg{color:#9c27b0}.save-report-container .customer-stats-section .customer-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.save-report-container .customer-stats-section .customer-summary .stat-box{padding:20px;background:linear-gradient(135deg,#f3e5f5,#fff);border-radius:12px;text-align:center;border:1px solid #CE93D8}.save-report-container .customer-stats-section .customer-summary .stat-box span{display:block;font-size:14px;color:#666;margin-bottom:10px}.save-report-container .customer-stats-section .customer-summary .stat-box strong{display:block;font-size:28px;color:#9c27b0}.save-report-container .customer-stats-section .top-customers{overflow-x:auto}.save-report-container .customer-stats-section .top-customers h4{margin:0 0 15px;font-size:16px;color:#555}.save-report-container .customer-stats-section .top-customers table{width:100%;border-collapse:collapse}.save-report-container .customer-stats-section .top-customers table th,.save-report-container .customer-stats-section .top-customers table td{padding:10px;text-align:center;border-bottom:1px solid #e9ecef}.save-report-container .customer-stats-section .top-customers table th{background:#f8f9fa;font-weight:600;color:#495057}.save-report-container .customer-stats-section .top-customers table td:first-child{font-weight:700;color:#9c27b0}.save-report-container .highest-transactions-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 2px 8px #0000000d}.save-report-container .highest-transactions-section h3{margin:0 0 20px;font-size:18px;color:#333;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.save-report-container .highest-transactions-section h3 svg{color:gold}.save-report-container .highest-transactions-section .transactions-table-container{overflow-x:auto}.save-report-container .highest-transactions-section .transactions-table-container .highest-table{width:100%;border-collapse:collapse}.save-report-container .highest-transactions-section .transactions-table-container .highest-table th,.save-report-container .highest-transactions-section .transactions-table-container .highest-table td{padding:12px;text-align:right;border-bottom:1px solid #e9ecef}.save-report-container .highest-transactions-section .transactions-table-container .highest-table th{background:#f8f9fa;font-weight:600;color:#495057}.save-report-container .highest-transactions-section .transactions-table-container .highest-table td:first-child{font-weight:700;color:gold}.save-report-container .highest-transactions-section .transactions-table-container .highest-table td.amount{font-weight:700;color:#43a047}.save-report-container .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.save-report-container .modal-overlay .modal-content{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:500px;animation:modalSlideIn .3s ease}.save-report-container .modal-overlay .modal-content h3{margin:0 0 20px;font-size:20px;color:#333}.save-report-container .modal-overlay .modal-content .modal-form .form-group{margin-bottom:20px}.save-report-container .modal-overlay .modal-content .modal-form .form-group label{display:block;margin-bottom:8px;font-size:14px;color:#666}.save-report-container .modal-overlay .modal-content .modal-form .form-group input{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;direction:rtl}.save-report-container .modal-overlay .modal-content .modal-form .form-group input:focus{outline:none;border-color:#1e88e5}.save-report-container .modal-overlay .modal-content .modal-form .modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.save-report-container .modal-overlay .modal-content .modal-form .modal-buttons button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s}.save-report-container .modal-overlay .modal-content .modal-form .modal-buttons button.cancel-btn{background:#f0f0f0;color:#666}.save-report-container .modal-overlay .modal-content .modal-form .modal-buttons button.cancel-btn:hover{background:#e0e0e0}.save-report-container .modal-overlay .modal-content .modal-form .modal-buttons button.save-btn{background:#43a047;color:#fff}.save-report-container .modal-overlay .modal-content .modal-form .modal-buttons button.save-btn:hover{background:#2e7d32}.save-report-container .saved-reports-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.save-report-container .saved-reports-section .section-header h3{margin:0;font-size:18px;color:#333}.save-report-container .saved-reports-section .section-header .refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f0f0f0;border:none;border-radius:8px;cursor:pointer}.save-report-container .saved-reports-section .section-header .refresh-btn:hover{background:#e0e0e0}.save-report-container .saved-reports-section .saved-reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.save-report-container .saved-reports-section .saved-reports-grid .saved-report-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d;transition:transform .3s,box-shadow .3s}.save-report-container .saved-reports-section .saved-reports-grid .saved-report-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.save-report-container .saved-reports-section .saved-reports-grid .saved-report-card .report-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e9ecef}.save-report-container .saved-reports-section .saved-reports-grid .saved-report-card .report-card-header h4{margin:0;font-size:16px;color:#333;flex:1}.save-report-container .saved-reports-section .saved-reports-grid .saved-report-card .report-card-header .report-actions{display:flex;gap:8px}.save-report-container .saved-reports-section .saved-reports-grid .saved-report-card .report-card-header .report-actions .action-btn{padding:6px 12px;border:none;width:55px!important;border-radius:6px;cursor:pointer;font-size:12px;transition:all .3s}.save-report-container .saved-reports-section .saved-reports-grid .saved-report-card .report-card-header .report-actions .action-btn.view{background:#1e88e5}.save-report-container .saved-reports-section .saved-reports-grid .saved-report-card .report-card-header .report-actions .action-btn.view:hover{background:#1565c0}.save-report-container .saved-reports-section .saved-reports-grid .saved-report-card .report-card-header .report-actions .action-btn.delete{color:#e53935}.save-report-container .saved-reports-section .saved-reports-grid .saved-report-card .report-card-header .report-actions .action-btn.delete:hover{background:#c62828}.save-report-container .saved-reports-section .saved-reports-grid .saved-report-card .report-card-body .report-stats{display:flex;gap:20px;margin-bottom:12px}.save-report-container .saved-reports-section .saved-reports-grid .saved-report-card .report-card-body .report-stats .stat-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.save-report-container .saved-reports-section .saved-reports-grid .saved-report-card .report-card-body .report-stats .stat-item svg{color:#1e88e5}.save-report-container .saved-reports-section .saved-reports-grid .saved-report-card .report-card-body .report-meta{display:flex;gap:20px;font-size:11px;color:#999}.save-report-container .saved-reports-section .saved-reports-grid .saved-report-card .report-card-body .report-meta span{display:flex;align-items:center;gap:4px}.save-report-container .empty-reports{text-align:center;padding:60px 20px;background:#fff;border-radius:16px}.save-report-container .empty-reports svg{color:#ccc;margin-bottom:15px}.save-report-container .empty-reports p{color:#666;margin-bottom:8px}.save-report-container .empty-reports small{color:#999}.save-report-container .no-report-message{text-align:center;padding:60px 20px;background:#fff;border-radius:16px}.save-report-container .no-report-message p{color:#666;margin-bottom:20px}.save-report-container .no-report-message .go-back-btn{padding:10px 24px;background:#1e88e5;color:#fff;border:none;border-radius:8px;cursor:pointer}.save-report-container .no-report-message .go-back-btn:hover{background:#1565c0}.save-report-container .loading-container{text-align:center;padding:60px}.save-report-container .loading-container .spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-top-color:#1e88e5;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 15px}.save-report-container .loading-container p{color:#666}.table-footer{margin-top:15px;text-align:center;color:#999;font-size:12px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.save-report-container{padding:12px}.save-report-container .report-header .report-title-section{flex-direction:column;align-items:stretch}.save-report-container .report-header .report-title-section .report-type-selector,.save-report-container .report-header .report-title-section .employee-filter{justify-content:center}.save-report-container .financial-summary .financial-cards,.save-report-container .invoices-summary,.save-report-container .customer-summary,.save-report-container .saved-reports-grid{grid-template-columns:1fr}.save-report-container .performance-table-container,.save-report-container .invoices-table-container,.save-report-container .top-customers,.save-report-container .transactions-table-container{overflow-x:scroll}.save-report-container table{font-size:12px}.save-report-container table th,.save-report-container table td{padding:8px}}:root{font-family:Tajawal,Robot,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}button,a,input,textarea{font-family:Tajawal,Robot,Helvetica,Arial,sans-serif}input::placeholder,textarea::placeholder{font-family:Tajawal,Robot,Helvetica,Arial,sans-serif}input[type=search]{background-color:#fff}.admin-page-main-container{display:flex;flex-direction:column;gap:1.5rem;padding:3rem 5rem;background-color:#f0f0f0}.admin-page-main-container .save-stats-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-top:1rem}.admin-page-main-container .save-stats-container .save-stats-btn{background-color:#ce4710;border:none;border-radius:5px;padding:1rem 1.5rem;color:#fff;font-size:1.1rem;display:flex;flex-direction:row;align-items:center;gap:.6rem;transition:background-color .2s ease}.admin-page-main-container .save-stats-container .save-stats-btn:hover{cursor:pointer;background-color:#e15c26}.admin-page-main-container .filters-main-container{margin-top:2rem;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.admin-page-main-container .filters-main-container .serch-input{display:flex;flex-direction:row;gap:1rem;align-items:center;width:100%}.admin-page-main-container .filters-main-container .serch-input .search-lable{font-size:1.3rem;font-weight:600;color:#454546;white-space:nowrap;width:fit-content}.admin-page-main-container .filters-main-container .serch-input .search-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px;width:100%}.admin-page-main-container .filters-main-container .serch-input .search-container input{width:100%;padding:.8rem .4rem;border:none;font-size:1rem;text-align:end}.admin-page-main-container .filters-main-container .serch-input .search-container input:not(:focus):not(:active){width:100%;padding:.8rem .4rem;border:none;font-size:1rem;text-align:end}.admin-page-main-container .filters-main-container .serch-input .search-container input:focus,.admin-page-main-container .filters-main-container .serch-input .search-container input:active{outline:none}.admin-page-main-container .filters-main-container .serch-input .search-container .search-btn{cursor:pointer;background:none;border:none;color:#454546;font-size:1.2rem;margin-left:.5rem}.admin-page-main-container .filters-main-container .date-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:3rem;justify-content:space-between}.admin-page-main-container .filters-main-container .date-container .date-lable{font-size:1.3rem;font-weight:600;color:#ce4710;white-space:nowrap;width:fit-content}.admin-page-main-container .filters-main-container .date-container .search-container{display:flex;flex-direction:row;justify-content:space-around;width:100%;align-items:center;gap:1rem}.admin-page-main-container .filters-main-container .date-container .search-container .date-div-inputs{display:flex;flex-direction:row;width:100%;justify-content:space-around;align-items:center;gap:1rem}.admin-page-main-container .filters-main-container .date-container .search-container .date-div-inputs label{font-size:1.1rem;color:#454546;font-weight:600;white-space:nowrap;width:fit-content}.admin-page-main-container .filters-main-container .date-container .search-container .date-div-inputs input{width:100%;padding:.8rem .4rem;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px}.admin-page-main-container .filters-main-container .filter-filters-row{display:flex;flex-direction:column;gap:1.5rem;width:100%}.admin-page-main-container .filters-main-container .filter-filters-row .date-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:3rem;justify-content:space-between}.admin-page-main-container .filters-main-container .filter-filters-row .date-container .date-lable{font-size:1.3rem;font-weight:600;color:#ce4710;white-space:nowrap;width:fit-content}.admin-page-main-container .filters-main-container .filter-filters-row .date-container .search-container{display:flex;flex-direction:row;justify-content:space-around;width:100%;align-items:center;gap:1rem}.admin-page-main-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs{display:flex;flex-direction:row;width:100%;justify-content:space-around;align-items:center;gap:1rem}.admin-page-main-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs label{font-size:1.1rem;color:#454546;font-weight:600;white-space:nowrap;width:fit-content}.admin-page-main-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs input{width:100%;padding:.8rem .4rem;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px}.admin-page-main-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs input::placeholder{font-family:Tajawal,Robot,Helvetica,Arial,sans-serif}.admin-page-main-container .filters-main-container .filter-filters-row .payment-status-filter,.admin-page-main-container .filters-main-container .filter-filters-row .service-provider-filter{display:flex;flex-direction:row;align-items:center;gap:1rem;width:100%}.admin-page-main-container .filters-main-container .filter-filters-row .payment-status-filter .status-lable,.admin-page-main-container .filters-main-container .filter-filters-row .service-provider-filter .status-lable{font-size:1.3rem;font-weight:600;color:#ce4710;white-space:nowrap;width:fit-content}.admin-page-main-container .filters-main-container .filter-filters-row .payment-status-filter .status-select,.admin-page-main-container .filters-main-container .filter-filters-row .service-provider-filter .status-select{width:100%;padding:.8rem .4rem;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px;font-size:1rem;text-align:right;cursor:pointer}.admin-page-main-container .filters-main-container .filter-filters-row .payment-status-filter .status-select option,.admin-page-main-container .filters-main-container .filter-filters-row .service-provider-filter .status-select option{text-align:right;font-family:Tajawal,Robot,Helvetica,Arial,sans-serif}.admin-page-main-container .statistics-main-container{display:flex;flex-direction:column;gap:1.5rem;align-items:end;width:100%}.admin-page-main-container .statistics-main-container .statistics-label{color:#454546;font-size:1.3rem;font-weight:600}.admin-page-main-container .statistics-main-container .statistics-container{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem;width:100%}.admin-page-main-container .statistics-main-container .statistics-container .card-container{border:none;cursor:pointer;border-radius:10px}.admin-page-main-container .statistics-main-container .statistics-container .card-container .card{border:none;border-radius:10px;padding:1rem 4rem;flex-direction:column;align-items:center;justify-content:center;color:#fff;width:200px}.admin-page-main-container .statistics-main-container .statistics-container .card-container .card picture{height:100%;width:100%;text-align:center}.admin-page-main-container .statistics-main-container .statistics-container .card-container .card picture img{width:80px;height:80px;object-fit:cover}.admin-page-main-container .statistics-main-container .statistics-container .card-container .card h3{margin:0;font-size:2rem;font-weight:600;text-align:center}.admin-page-main-container .statistics-main-container .statistics-container .card-container .card h4{margin:0;font-weight:400;font-size:1.1rem;text-align:center}.admin-page-main-container .statistics-main-container .statistics-container .card-container .card .card-2-label{width:170px;text-align:center;padding:3.5rem 0}.admin-page-main-container .statistics-main-container .statistics-container .card-primary{display:flex;visibility:visible}.admin-page-main-container .statistics-main-container .statistics-container .card-secondary{display:none;visibility:hidden}.admin-page-main-container .statistics-main-container .statistics-container .card-container:hover .card-primary{cursor:pointer;display:none;visibility:hidden}.admin-page-main-container .statistics-main-container .statistics-container .card-container:hover .card-secondary{display:flex;align-items:center;justify-content:center;visibility:visible}.admin-page-main-container table{margin-top:1rem;width:100%;border-collapse:separate;border-spacing:0 .5rem;background-color:#fff;border-radius:10px;padding:1rem;border:1px solid rgb(224,224,224)}.admin-page-main-container table thead tr th{padding:1rem;text-align:center;font-size:1.2rem;font-weight:600;color:#454546}.admin-page-main-container table tbody tr{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000000d}.admin-page-main-container table tbody tr td{padding:1rem;text-align:center;font-weight:600;border-top:1px solid rgb(224,224,224);border-bottom:1px solid rgb(224,224,224)}.admin-page-main-container table tbody tr td:first-child{border-left:1px solid rgb(224,224,224);border-top-left-radius:5px;border-bottom-left-radius:5px}.admin-page-main-container table tbody tr td:last-child{border-right:1px solid rgb(224,224,224);border-top-right-radius:5px;border-bottom-right-radius:5px}.admin-page-main-container table tbody tr td+td{border-left:none}.admin-page-main-container table tbody tr .payment-status-td{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;position:relative;padding-bottom:1.3rem}.admin-page-main-container table tbody tr .payment-status-td ul{position:absolute;display:flex;flex-direction:column;align-items:center;background-color:#fff;box-shadow:1px 0 10px 1px #e6e6e6;border-radius:5px;list-style:none;width:fit-content;top:2rem;gap:.5rem;padding:.5rem 1rem;white-space:nowrap}.admin-page-main-container table tbody tr .AngleIcon{cursor:pointer}.admin-page-main-container table tbody tr .edit-btn,.admin-page-main-container table tbody tr .delete-btn{background:none;border:none;font-size:1.2rem;cursor:pointer}.admin-page-main-container table tbody tr .edit-btn{color:#ce4710}.admin-page-main-container table tbody tr .delete-btn{color:#b90000}.admin-page-main-container .navigation-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:.5rem;justify-content:flex-end}.admin-page-main-container .navigation-container .arrow-btn{background-color:#ce4710;border:1px solid rgb(224,224,224);color:#fff;padding:.4rem .7rem;border:none;border-radius:3px;transition:background-color .2s ease}.admin-page-main-container .navigation-container .arrow-btn:hover{cursor:pointer;background-color:#e15c26}.admin-page-main-container .navigation-container .number{background-color:#fff;color:#454546;padding:.3rem .7rem;border-radius:3px;border:none}@media (max-width: 480px){form.search-container{display:flex;flex-direction:column-reverse}.admin-page-main-container .statistics-main-container{gap:2rem}.admin-page-main-container .statistics-main-container .statistics-label{font-size:1.55rem}.admin-page-main-container .statistics-main-container .statistics-container{justify-content:center}.admin-page-main-container{padding:3rem 1rem}.date-container{flex-direction:column}table thead{display:none}table tbody .btns-container{justify-content:center;margin:1rem 0 .5rem;gap:1rem}table tbody tr{display:flex;flex-direction:column-reverse;padding:1rem;margin-bottom:1rem;border:1px solid rgb(224,224,224);border-radius:8px;box-shadow:0 2px 4px #0000000d}table tbody tr td{display:flex;justify-content:space-between;border:none!important;padding:.5rem 0!important;text-align:right!important;position:relative;flex-direction:row-reverse}table tbody tr td:before{content:attr(data-label);font-weight:600;color:#454546}table tbody tr td:first-child{top:.5rem;left:.5rem;padding:0!important}table tbody tr td.payment-status-td{flex-direction:row;align-items:flex-end;gap:.5rem;justify-content:space-between!important}table tbody tr td.payment-status-td ul{top:3rem}table tbody tr td.payment-status-td ul li{cursor:pointer}table tbody tr td.payment-status-td .AngleIcon{position:absolute;margin:1.5rem 1.2rem 1.3rem;left:.5rem;top:50%;transform:translateY(-50%)}.navigation-container{justify-content:center!important}.admin-page-main-container .statistics-main-container .statistics-container .card-container .card .card-2-label{padding:2.5rem 0}.filters-main-container{gap:2rem}.filters-main-container .serch-input{flex-direction:column-reverse}.filters-main-container .serch-input .search-lable{font-size:1.5rem;width:100%;text-align:end}.filters-main-container .serch-input,.filters-main-container .date-container{width:100%}.filters-main-container .date-container{flex-direction:column-reverse;gap:1rem}.filters-main-container .date-container .date-lable{display:none}.filters-main-container .date-container .search-container{flex-direction:column-reverse;gap:1rem}.filters-main-container .date-container .search-container .date-div-inputs{flex-direction:row;justify-content:flex-end;gap:1rem}.filters-main-container .filter-filters-row{flex-direction:column;gap:1.5rem}.filters-main-container .filter-filters-row .payment-status-filter,.filters-main-container .filter-filters-row .service-provider-filter{flex-direction:column-reverse;align-items:flex-start}.filters-main-container .filter-filters-row .payment-status-filter .status-lable,.filters-main-container .filter-filters-row .service-provider-filter .status-lable{color:#000;font-size:1.5rem;width:100%;text-align:end}.filters-main-container .filter-filters-row .payment-status-filter .status-select,.filters-main-container .filter-filters-row .service-provider-filter .status-select,.filters-main-container .serch-input,.filters-main-container .date-container{width:100%}}.search-filters-row{display:flex;flex-direction:column;width:100%;gap:1rem}tr.unpaid-row{border:2px solid #ff4d4f}tr.unpaid-row td{border-bottom:1px solid #ff4d4f;border-top:1px solid #ff4d4f}tr.unpaid-row td:first-child{border-left:1px solid #ff4d4f}tr.unpaid-row td:last-child{border-right:1px solid #ff4d4f}.filter-summary-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-bottom:30px;box-shadow:0 2px 10px #0000000d}.filter-summary-section .summary-header{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #6A1B9A}.filter-summary-section .summary-header h3{margin:0;color:#333;font-size:18px;font-weight:700}.filter-summary-section .summary-header h3:before{content:"📊 "}.filter-summary-section .summary-header .save-report-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#6a1b9a;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s;font-size:14px}.filter-summary-section .summary-header .save-report-btn:hover{background:#5a148a;transform:translateY(-2px);box-shadow:0 4px 12px #6a1b9a4d}.filter-summary-section .summary-header .save-report-btn:active{transform:translateY(0)}.filter-summary-section .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.filter-summary-section .summary-cards .summary-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s}.filter-summary-section .summary-cards .summary-card:hover{border-color:#6a1b9a;box-shadow:0 4px 12px #0000001a}.filter-summary-section .summary-cards .summary-card .summary-card-icon{width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.filter-summary-section .summary-cards .summary-card .summary-card-content h4{margin:0 0 5px;font-size:22px;font-weight:700;color:#333}.filter-summary-section .summary-cards .summary-card .summary-card-content p{margin:0 0 3px;font-size:14px;color:#666;font-weight:500}.filter-summary-section .summary-cards .summary-card .summary-card-content small{font-size:12px;color:#888;display:block}@media (max-width: 768px){.filter-summary-section .summary-header{flex-direction:column-reverse;gap:15px;align-items:stretch}.filter-summary-section .summary-header .save-report-btn{width:100%;justify-content:center}.filter-summary-section .summary-cards{grid-template-columns:1fr}}