.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:70px}.auth .content{display:flex;flex-direction:column;gap:15px;max-width:500px;width:100%}.auth .content .logo{display:flex;align-items:center;justify-content:center}.auth .content .logo img{width:250px;object-fit:contain;margin-inline-end:40px}.auth .content h3{color:var(--main_color);font-size:clamp(20px,4vw,25px)}.auth .content p:first-of-type{font-size:17px;line-height:1.7}.auth .content p:last-of-type{font-weight:600}.auth .content ul{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:10px}.auth .content ul li{font-size:17px;display:flex;align-items:center;gap:5px}.auth .content ul li img{width:20px;height:20px;object-fit:contain}.auth .form{background-color:#fff;box-shadow:0 0 10px #99999997;padding:35px 30px;max-width:600px;width:100%;border-radius:10px}@media(max-width:1100px){.auth{flex-direction:column;gap:30px;padding-block:30px}}.login h2{text-align:center;margin-bottom:20px}.login form{display:flex;flex-direction:column;gap:15px}.login form .control{display:flex;align-items:center;justify-content:space-between;margin-block:10px}.login form .control label{display:flex;align-items:center;gap:5px}.login form .control label,.login form .control label input{cursor:pointer}.login form .control a{color:var(--main_color)}.login form .submit{background-color:var(--main_color);color:#fff;padding:10px;border:none;font-size:17px;border-radius:10px;cursor:pointer}.login .no-account{margin-top:25px;display:flex;align-items:center;justify-content:center;gap:5px}.login .no-account a{color:var(--main_color);font-weight:600}.loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:inherit}.loading svg{animation:laoding .8s linear infinite}@keyframes laoding{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register h2{text-align:center;margin-bottom:20px}.register .image{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:30px}.register .image .file-image{display:flex;align-items:center;gap:5px;cursor:pointer}.register .image .file-image span{display:flex;align-items:center}.register .image .file-image span svg{font-size:20px}.register .image .image-view{display:flex;align-items:center;justify-content:center;font-size:30px;border:1px solid var(--border_color);padding:10px;width:100px;height:100px;border-radius:5px;position:relative}.register .image .image-view .trash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-size:25px;background-color:transparent;border:none;color:brown;cursor:pointer}.register .image .image-view img{width:100%;height:100%;object-fit:contain}.register form{display:flex;flex-direction:column;gap:20px}.register form .group{display:flex;align-items:center;gap:20px}.register form .group>div{width:calc(50% - 10px)}.register form .submit{background-color:var(--main_color);color:#fff;padding:10px;border:none;font-size:17px;border-radius:10px;cursor:pointer}.register .account{margin-top:25px;display:flex;align-items:center;justify-content:center;gap:5px}.register .account a{color:var(--main_color);font-weight:600}.field-of-work{text-align:center}.field-of-work h2{margin-bottom:10px;color:var(--main_color)}.field-of-work .fields{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.field-of-work .fields .box{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:5px;border:1px solid var(--border_color);padding:15px;border-radius:10px;cursor:pointer;transition:all .2s}.field-of-work .fields .box:has(input:checked){border-color:var(--main_color);color:var(--main_color)}.field-of-work .fields .box span svg{font-size:27px}.field-of-work .fields .box span{line-height:1.6}.field-of-work button{margin-top:25px;width:150px;background-color:var(--main_color);color:#fff;border:none;font-size:16px;padding-block:7px;border-radius:10px;cursor:pointer}.verifide h2{text-align:center;margin-bottom:15px}.verifide form{display:flex;flex-direction:column;width:70%;margin-inline:auto}.verifide form input{text-align:center}.verifide form .control{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px}.verifide form .control button{width:140px;border:1px solid var(--main_color);padding-block:6px;border-radius:5px;font-size:16px;cursor:pointer}.verifide form .control button:first-of-type{background-color:var(--main_color);color:#fff}.verifide form .control button:last-of-type{background-color:transparent;color:var(--main_color)}.forgot-password h2{text-align:center;margin-bottom:15px}.forgot-password form{display:flex;align-items:center;justify-content:center;gap:5px}.forgot-password form .input-group{width:250px;border-radius:0 10px 10px 0}.forgot-password form button{height:38px;width:70px;background-color:var(--main_color);color:#fff;font-size:16px;border:none;border-radius:10px 0 0 10px;cursor:pointer}.reset-password h2{text-align:center;margin-bottom:15px}.reset-password form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.reset-password form .input-group{width:300px}.reset-password form .input-group input{text-align:center}.reset-password form button{height:38px;width:120px;background-color:var(--main_color);color:#fff;font-size:16px;border:none;border-radius:10px;cursor:pointer}.erp-layout{display:flex;align-items:flex-start;height:100vh}.erp-layout .page{width:calc(100% - 260px)}.erp-layout .page main{height:calc(100vh - 60px);overflow-y:auto;overflow-x:hidden;padding:15px 15px 25px}.erp-side-bar .side-head .search-box{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.erp-side-bar .side-head .search-box form{width:97%;display:flex;align-items:center;gap:5px;border:1px solid #b8b8b8;padding:7px 10px;background-color:#fff;border-radius:15px}.erp-side-bar .side-head .search-box form svg{width:20px;height:20px;color:#333}.erp-side-bar .side-head .search-box form input{border:none;outline:none;background-color:transparent;width:100%;font-size:15px}.erp-side-bar .sidebar-links nav>ul>li>div{background-color:var(--third_color);border-radius:0 0 15px 15px;margin-inline:auto;color:#fff}.erp-side-bar .sidebar-links .css-16jesut>.ps-menu-button,.erp-side-bar .sidebar-links .css-1654oxy>.ps-menu-button,.erp-side-bar .sidebar-links .css-1t8x7v1>.ps-menu-button{height:40px!important;border-radius:10px 10px 0 0}.erp-home{height:100%}.erp-home .loading svg{width:50px;height:50px}.erp-home .loading{color:var(--main_color)}.erp-home .statistics{display:grid;grid-template-columns:repeat(10,auto);gap:15px}.erp-home .statistics .filter{grid-column:span 1}.erp-home .statistics .filter .form{display:flex;flex-direction:column;gap:10px}.erp-home .statistics .filter .form .input-group .input{gap:5px}.erp-home .statistics .filter .form button{background-color:var(--main_color);color:#fff;font-size:16px;border:none;padding-block:7px;border-radius:5px;cursor:pointer}.erp-home .statistics .stock-value{grid-column:span 1;display:flex;flex-direction:column;justify-content:center;gap:10px;text-align:center;border:1px solid var(--border_color);padding:15px;border-radius:10px}.erp-home .statistics .stock-value p{font-size:18px}.erp-home .statistics .stock-value a{color:var(--main_color)}.erp-home .statistics .financial-performance{grid-column:span 8;display:flex;align-items:stretch;justify-content:space-between}.erp-home .statistics .financial-performance .box{width:calc(33.3333333333% - 10px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px;gap:10px;border-radius:10px;border:1px solid var(--border_color)}.erp-home .statistics .financial-performance .box span{font-size:40px;display:flex;align-items:center;color:var(--main_color)}.erp-home .statistics .financial-performance .box p{font-size:17px}.charts{margin-block:30px;display:flex;align-items:stretch;justify-content:space-between}.charts .chart-card{width:65%;background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:15px 20px}.charts .chart-card svg:focus,.charts .chart-card g:focus{outline:none}.charts .chart-card h3{text-align:right;margin-bottom:15px;font-size:20px}.charts .chart-card .chart-wrapper{width:100%;height:250px}.charts .amounts-collected{width:33%;border:1px solid #e5e5e5;border-radius:10px;padding:15px 20px}.charts .amounts-collected .item{display:flex;align-items:center;justify-content:space-between}.charts .amounts-collected .item p{font-size:17px}.charts .amounts-collected .items{margin-top:15px;display:flex;flex-direction:column;gap:18px}.charts .amounts-collected .total{border-top:1px solid var(--main_color);margin-top:15px;padding-top:10px;color:var(--main_color);font-weight:600}.shifts{padding-bottom:20px}.finish-shift .content{width:450px;height:350px;border-radius:15px}.finish-shift .content .info{display:flex;flex-direction:column;gap:25px;margin-top:25px}.finish-shift .content .info>p,.finish-shift .content .info>div{display:flex;align-items:center;justify-content:center;gap:5px;font-size:17px}.finish-shift .content .submit{display:block;margin-inline:auto;width:150px;margin-top:30px;border-radius:10px}.popup-model{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#29292933;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:3;display:flex;align-items:center;justify-content:center}.popup-model .content{background-color:#fff;padding:20px;overflow:auto;position:relative;animation:open .3s ease}.popup-model .content .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:15px;border-bottom:1px solid var(--border_color)}.popup-model .content .head .close{display:flex;align-items:center;justify-content:center;background-color:var(--main_color);color:#fff;border:none;width:30px;height:30px;font-size:20px;border-radius:10px;cursor:pointer}.rosary-information .content{width:500px;height:520px;border-radius:15px}.rosary-information .content .data{display:flex;flex-direction:column;gap:15px}.rosary-information .content .data .row{display:flex;align-items:center;justify-content:space-between;font-size:16px}.rosary-information .content .data .row p:first-of-type{font-weight:600}.rosary-information .content .print{width:150px;margin-inline:auto;border-radius:10px;margin-top:30px}.rosary-sales .loading{height:calc(100% - 70px)!important}.rosary-sales .content{max-width:1000px;width:calc(100% - 50px);height:calc(100% - 70px)}.rosary-sales .content .name-date{display:flex;align-items:center;justify-content:center;gap:5px;font-size:20px;margin-top:20px}.rosary-sales .content .control{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.rosary-sales .content .control button{width:120px}.rosary-sales .content .control button:last-of-type{background-color:transparent;border:1px solid var(--main_color);color:var(--main_color)}.rosacea-movements .content{max-width:1100px;width:calc(100% - 50px);height:calc(100% - 70px)}.rosacea-movements .content .name-date{display:flex;align-items:center;justify-content:center;gap:5px;font-size:20px;margin-top:20px}.rosacea-movements .content .control{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.rosacea-movements .content .control button{width:120px}.rosacea-movements .content .control button:last-of-type{background-color:transparent;border:1px solid var(--main_color);color:var(--main_color)}.dropdown{position:relative;display:flex;flex-direction:column}.dropdown_toggle{background:transparent;border:none;cursor:pointer;padding:4px 6px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#333;transition:all .3s}.dropdown_toggle svg{width:18px;height:18px}.dropdown_toggle:hover{background:#f1f1f1}.dropdown_menu{position:absolute;left:0;min-width:150px;background:#fff;border:1px solid #ddd;box-shadow:0 4px 10px #0000001a;z-index:9;display:flex;flex-direction:column;padding:5px;min-height:150px;max-height:200px;overflow:auto}.dropdown_menu.down{top:100%;margin-top:6px}.dropdown_menu.up{bottom:100%;margin-bottom:6px}.dropdown_menu a,.dropdown_menu button{padding:8px 12px;text-align:left;font-size:14px;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px}.dropdown_menu a:hover,.dropdown_menu button:hover{background:var(--main_color);color:#fff}.dropdown_menu a svg,.dropdown_menu button svg{width:17px;height:17px}.activity-log .content{width:550px;height:530px;padding-bottom:25px}.activity-log .content .records{margin-top:20px;display:flex;flex-direction:column;gap:15px}.activity-log .content .records .record{display:flex;align-items:center;gap:10px}.activity-log .content .records .record:not(.activity-log .content .records .record:last-of-type){border-bottom:1px solid var(--border_color);padding-bottom:15px}.activity-log .content .records .record .image{display:flex;align-items:center;color:var(--main_color)}.activity-log .content .records .record .image svg{width:30px;height:30px}.activity-log .content .records .record .info .data{display:flex;align-items:center;gap:7px;margin-bottom:5px}.activity-log .content .records .record .info .date{display:flex;align-items:center;gap:7px}.clients-management .main-control{display:flex;align-items:flex-start;justify-content:center;margin-top:40px;gap:25px}.clients-management .main-control .tabs{display:flex;align-items:center;gap:15px}.clients-management .main-control .tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:200px;height:110px;font-size:17px;border:1px solid var(--main_color);background-color:transparent;color:var(--main_color);border-radius:10px;cursor:pointer;transition:all .3s}.clients-management .main-control .tabs button span svg{width:27px;height:27px}.clients-management .main-control .tabs button:hover,.clients-management .main-control .tabs button.active{background:var(--primary-gradient);color:#fff}.clients-management .table{margin-top:30px}.add-new-client .content{width:100%;max-width:calc(100% - 400px);height:calc(100% - 100px)}.add-new-client .content .loading{font-size:35px;color:var(--main_color)}.add-new-client .content form{padding-bottom:20px;margin-top:25px}.add-new-client .content form .inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.add-new-client .content form .inputs:not(.add-new-client .content form .inputs:first-of-type){margin-top:25px}.add-new-client .content form h3{margin-top:25px;font-size:22px;color:var(--main_color);text-align:center}.add-new-client .content form .input-group-check{display:flex;align-items:flex-end;font-size:19px}.add-new-client .content form .input-group-check label{display:flex;align-items:center;gap:10px}.add-new-client .content form .input-group-check label,.add-new-client .content form .input-group-check label input{cursor:pointer}.add-new-client .content form .input-group-check label input{width:20px;height:20px}.add-new-client .content form .textarea{margin-block:25px}.add-new-client .content form .textarea textarea{height:90px;resize:none;font-size:16px;border:1px solid var(--border_color);padding:12px;border-radius:10px;outline:none}.add-new-client .content form .checks{display:flex;align-items:center;gap:20px}.add-new-client .content form .btns-control{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:25px}.add-new-client .content form .btns-control button{width:120px;border:1px solid var(--main_color)}.add-new-client .content form .btns-control button .loading{font-size:20px;color:inherit}.add-new-client .content form .btns-control button:last-of-type{background-color:transparent;color:var(--main_color)}.account-statement .content{width:calc(100% - 150px);height:calc(100% - 50px)}.account-statement .content .table{margin-top:10px}.account-statement .content .table .head-table .btns{display:flex;align-items:center;gap:10px}.account-statement .content .table .head-table .btns>a,.account-statement .content .table .head-table .btns>button{display:flex;align-items:center;gap:10px;padding:7px 15px;background-color:var(--third_color);color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:5px}.account-statement .content .table .head-table .btns>a span,.account-statement .content .table .head-table .btns>button span{display:flex;align-items:center}.account-statement .content .table .head-table .btns>a span svg,.account-statement .content .table .head-table .btns>button span svg{font-size:15px}.upload-file-clients .content{width:500px;height:220px;border-radius:15px}.upload-file-clients .content input{width:100%;padding:10px;background-color:transparent;border:1px solid var(--border_color);border-radius:10px;margin-top:10px}.upload-file-clients .content .submit{margin-top:20px;margin-inline:auto;border-radius:10px;width:100px}.block-client .content{width:600px;height:500px;border-radius:15px}.block-client .content form{display:flex;flex-direction:column;gap:12px}.block-client .content form .input-group textarea{height:60px;resize:none;border:1px solid var(--border_color);outline:none;padding:10px;font-size:15px;border-radius:10px}.map{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:600}.map a{color:var(--main_color)}.confirm-deletion{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:3;display:flex;justify-content:center;align-items:center;background-color:#29292933;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .3s ease}.confirm-deletion .content{width:400px;height:130px;border-radius:10px;background-color:#fff;padding:20px;overflow:auto;position:relative;box-shadow:0 0 10px #3838383a;display:flex;flex-direction:column;justify-content:space-between}.confirm-deletion .content.open{animation:open .3s ease}.confirm-deletion .content.shake{animation:shake .4s}.confirm-deletion .content h3{text-align:center}.confirm-deletion .content .btns{display:flex;align-items:center;justify-content:center;gap:10px}.confirm-deletion .content .btns button{width:120px;padding-block:5px;font-size:16px;border:1px solid var(--main_color);background-color:transparent;cursor:pointer}.confirm-deletion .content .btns button:first-of-type{background-color:var(--main_color);color:#fff}.confirm-deletion .content .btns button:last-of-type{color:var(--main_color)}@keyframes open{0%{transform:translateY(-30px)}to{transform:translateY(0)}}@keyframes shake{0%{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-4px)}90%{transform:translate(4px)}to{transform:translate(0)}}.clients-settings .tabs{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:30px}.clients-settings .tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:300px;height:110px;font-size:17px;border:1px solid var(--main_color);background-color:transparent;color:var(--main_color);border-radius:10px;cursor:pointer;transition:all .3s}.clients-settings .tabs button span svg{font-size:27px}.clients-settings .tabs button:hover,.clients-settings .tabs button.active{background:var(--primary-gradient);color:#fff}.clients-settings .table{margin-top:20px}.clients-settings .table .spzdp{padding-inline:5px!important;padding-block:10px!important}.clients-settings .table .spzdp .head-table{display:flex;align-items:center;justify-content:space-between;width:100%}.clients-settings .table .spzdp .head-table h3{font-size:22px}.clients-settings .table .spzdp .head-table .search form{border:1px solid var(--main_color);display:flex;align-items:center;gap:10px;padding:6px 10px;width:300px;border-radius:5px}.clients-settings .table .spzdp .head-table .search form input{flex:1;border:none;outline:none;font-size:16px}.clients-settings .table .spzdp .head-table .search form button{display:flex;align-items:center;background-color:var(--main_color);color:#fff;border:none;font-size:17px;padding:5px;border-radius:10px;cursor:pointer}.form-client-setting .content{width:500px;height:280px;border-radius:15px}.form-client-setting .content form{display:flex;flex-direction:column;gap:15px;margin-top:25px}.account-info{padding-bottom:30px}.account-info .image{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:30px}.account-info .image .file-image{display:flex;align-items:center;gap:5px;cursor:pointer}.account-info .image .file-image span{display:flex;align-items:center}.account-info .image .file-image span svg{font-size:20px}.account-info .image .image-view{display:flex;align-items:center;justify-content:center;font-size:30px;border:1px solid var(--border_color);padding:10px;width:120px;height:120px;border-radius:5px;position:relative}.account-info .image .image-view .trash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-size:25px;background-color:transparent;border:none;color:brown;cursor:pointer}.account-info .image .image-view img{width:100%;height:100%;object-fit:contain}.account-info form{display:flex;flex-direction:column;gap:20px}.account-info form .group{display:flex;align-items:center;gap:15px 20px}.account-info form .group>div{width:calc(50% - 10px)}.pos-layout{display:flex;align-items:flex-start;height:100vh}.pos-layout .page{width:calc(100% - 260px)}.pos-layout .page main{height:calc(100vh - 60px);overflow-y:auto;overflow-x:hidden;padding:15px 15px 25px}.erp-side-bar{width:260px;background-color:var(--secondry_color);padding:0 12px;height:100vh;color:#fff;overflow:hidden;display:flex;flex-direction:column}.erp-side-bar .side-head{flex-shrink:0}.erp-side-bar .side-head .logo{display:flex;align-items:center;justify-content:center;padding:15px}.erp-side-bar .side-head .logo img{width:130px}.erp-side-bar .side-foot{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding-block:10px;border-top:1px solid #AAA;margin-top:15px}.erp-side-bar .side-foot a{text-decoration:underline;color:#fff}.erp-side-bar .sidebar-links{flex:1;border:none!important;font-size:16px;font-weight:500;overflow:auto}.erp-side-bar .sidebar-links svg{width:18px;height:18px}.erp-side-bar .sidebar-links nav>ul{display:flex;flex-direction:column;width:97%}.erp-side-bar .sidebar-links nav>ul>li{background-color:transparent}.erp-side-bar .sidebar-links nav>ul>li>a{margin-top:7px}.erp-side-bar .sidebar-links nav>ul>li>div{background-color:var(--third_color);border-radius:15px;margin-inline:auto;color:#fff}.erp-side-bar .sidebar-links nav>ul>li>div>ul{width:90%;margin-inline:auto;display:flex;flex-direction:column;gap:5px}.erp-side-bar .sidebar-links nav>ul>li>div>ul li:first-of-type{margin-top:10px}.erp-side-bar .sidebar-links nav>ul>li>div>ul li:last-of-type{margin-bottom:10px}.erp-side-bar .sidebar-links nav>ul>li>div>ul .css-1tqrhto>.ps-menu-button,.erp-side-bar .sidebar-links nav>ul>li>div>ul .css-14xmt93>.ps-menu-button{height:auto!important;border-radius:10px}.erp-side-bar .sidebar-links nav>ul>li>div>ul .css-12w9als{flex-grow:1;white-space:normal;overflow:visible;text-overflow:clip}.erp-side-bar .sidebar-links nav>ul>li>div>ul .ps-menu-icon{margin:0}.erp-side-bar .sidebar-links nav>ul>li:first-of-type>a{margin-top:0}.erp-side-bar .sidebar-links .css-dip3t8{background-color:transparent}.erp-side-bar .sidebar-links .css-wx7wi4,.erp-side-bar .sidebar-links .css-jun1iy{margin-right:0}.erp-side-bar .sidebar-links .css-16jesut>.ps-menu-button,.erp-side-bar .sidebar-links .css-1654oxy>.ps-menu-button,.erp-side-bar .sidebar-links .css-1t8x7v1>.ps-menu-button{height:40px!important;border-radius:10px}.erp-side-bar .sidebar-links .css-1654oxy>.ps-menu-button,.erp-side-bar .sidebar-links .css-16jesut>.ps-menu-button,.erp-side-bar .sidebar-links .css-1tqrhto>.ps-menu-button,.erp-side-bar .sidebar-links .css-1t8x7v1>.ps-menu-button,.erp-side-bar .sidebar-links .css-14xmt93>.ps-menu-button{padding-inline:5px}.erp-side-bar .sidebar-links .css-1cuxlhl{display:none!important}.erp-side-bar .sidebar-links .ps-menu-button.ps-active{background:#fff;color:#333;border-radius:10px}.erp-side-bar .sidebar-links .css-16jesut>.ps-menu-button:hover,.erp-side-bar .sidebar-links .css-1tqrhto>.ps-menu-button:hover,.erp-side-bar .sidebar-links .css-1t8x7v1>.ps-menu-button:hover{background:var(--main_color);color:#fff}.erp-side-bar .sidebar-links .menu-icon{display:flex;align-items:center;justify-content:center;width:35px}.erp-side-bar .sidebar-links .submenu-arrow{display:flex;align-items:center;justify-content:center;transition:all .3s;font-size:18px}.erp-side-bar .sidebar-links .ps-menu-button.ps-open .submenu-arrow{transform:rotate(180deg)}.header{height:60px;padding-inline:15px;border-bottom:1px solid #CCC;display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}.header .user{flex:1;display:flex;align-items:center;gap:7px}.header .user p{display:flex;align-items:center;gap:5px;font-size:17px;font-weight:500}.header .control{display:flex;align-items:center;gap:15px}.header .control .fullscreen{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;color:var(--main_color);cursor:pointer}.header .control .user{background-color:transparent;border:none;font-size:27px;color:var(--main_color);cursor:pointer}.header .control .menu-user{position:absolute;top:calc(100% + 5px);inset-inline-end:10px;display:flex;flex-direction:column;background-color:#fff;border:1px solid var(--border_color);padding:10px;gap:7px;width:200px;border-radius:5px}.header .control .menu-user a,.header .control .menu-user button{display:block;font-size:15px;padding-block:5px;border:none;background-color:var(--secondry_color);color:#fff;cursor:pointer;padding-inline:25px;text-align:center;border-radius:5px}.header .popup-model .content{height:370px;padding:30px}.header .popup-model .content .profile h2{text-align:center;font-size:22px}.header .popup-model .content .profile form{display:flex;flex-direction:column;gap:15px;margin-top:20px}.header .popup-model .content .profile form input{padding:7px 10px;font-size:15px;border:1px solid #DDD}.header .popup-model .content .profile form button{font-size:16px;padding-block:7px;border:none;background-color:var(--main_color);color:#fff;border-radius:5px;cursor:pointer;padding-inline:25px}.login-dashboard{display:flex;align-items:center;justify-content:center;height:100vh;width:100%;font-size:35px}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}button:disabled{opacity:.5;cursor:no-drop!important}input:disabled,textarea:disabled,input:read-only{background-color:#f2f2f2;color:#333}input:disabled::placeholder,textarea:disabled::placeholder,input:read-only::placeholder{color:#f2f2f2}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-group{display:flex;flex-direction:column;gap:10px}.input-group label{font-weight:600;font-size:16px}.input-group .input{display:flex;align-items:center;border:1px solid #CCC;padding:10px;border-radius:5px;transition:all .3s;height:38px}.input-group .input:has(input:focus){border:1px solid var(--main_color)!important}.input-group .input:has(input:disabled){background-color:#f2f2f2}.input-group .input>input{flex:1;border:none;outline:none;font-size:16px}.input-group .input .eye{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;font-size:20px;color:var(--main_color);cursor:pointer}.head-page{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.head-page .btns{display:flex;align-items:center;gap:10px}.head-page .btns>a,.head-page .btns>button{display:flex;align-items:center;gap:10px;padding:7px 15px;background-color:var(--third_color);color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:5px}.head-page .btns>a span,.head-page .btns>button span{display:flex;align-items:center}.head-page .btns>a span svg,.head-page .btns>button span svg{width:18px;height:18px}.table{width:100%;overflow-x:auto}.table .loading svg{width:30px;height:30px}.table .loading{color:var(--main_color)}.table .text-danger{line-height:1.5;font-size:13px;color:var(--danger_color);font-weight:600}.table .block-status{color:var(--danger_color);font-weight:600}.table .scroll{min-width:100%}.table .gJdets{overflow:visible;white-space:unset;text-overflow:unset;line-height:1.3}.table .btn-state{background-color:transparent;color:var(--main_color);border:1px solid var(--main_color);padding:3px 7px;cursor:pointer;transition:all .3s}.table .btn-state:hover{background-color:var(--main_color);color:#fff}.table [data-tag=allowRowEvents]>div{overflow:visible!important}.table .control{display:flex;align-items:center;gap:7px}.table .control button{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;cursor:pointer;color:#333}.table .control button svg{width:19px;height:19px}.table .status select{width:120px;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:8px 12px;border:1px solid #ddd;background-color:#fff;font-size:15px;cursor:pointer;outline:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%231753AA' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5.516 7.548l4.484 4.482 4.484-4.482L16 9.063l-6 6-6-6z'/></svg>");background-repeat:no-repeat;background-position:left 10px center;background-size:16px}.table header{padding-inline:5px!important;padding-block:10px!important}.table header .head-table{display:flex;align-items:center;justify-content:space-between;width:100%}.table header .head-table h3{font-size:22px}.table header .head-table .search form{border:1px solid var(--main_color);display:flex;align-items:center;gap:10px;padding:5px 10px;width:300px;border-radius:5px}.table header .head-table .search form input{flex:1;border:none;outline:none;font-size:15px}.table header .head-table .search form button{display:flex;align-items:center;background-color:var(--main_color);color:#fff;border:none;padding:5px;border-radius:10px;cursor:pointer}.table header .head-table .search form button svg{width:15px;height:15px}.main-btn{display:block;padding:8px 15px;font-size:15px;background-color:var(--main_color);color:#fff;border:none;cursor:pointer;min-width:70px;border-radius:10px}:root{--main_color: #1753AA;--secondry_color: #2471be;--third_color: #2066ac;--danger_color: #D32F2F;--border_color: #CCC;--primary-gradient: linear-gradient(135deg, #1753AA 0%, #1E63C6 50%, #3B82F6 100%)}*{padding:0;margin:0;list-style:none;text-decoration:none;box-sizing:border-box}input{outline:none}html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea{font-family:Tajawal,sans-serif}html[lang=en] body,html[lang=en] button,html[lang=en] input,html[lang=en] textarea{font-family:Roboto,sans-serif}body{color:#333;background-color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:var(--main_color)}::-webkit-scrollbar-track{background-color:#fff}