.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(--secondry_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(--secondry_color)}.login form .submit{background-color:var(--secondry_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(--secondry_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(--secondry_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(--secondry_color);font-weight:600}.field-of-work{text-align:center}.field-of-work h2{margin-bottom:10px;color:var(--secondry_color)}.field-of-work .fields{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.field-of-work .fields:has(.loading){grid-template-columns:repeat(1,1fr)}.field-of-work .fields .box{display:flex;align-items:center;justify-content:center;text-align:center;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(--secondry_color);color:var(--secondry_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(--secondry_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(--secondry_color);padding-block:6px;border-radius:5px;font-size:16px;cursor:pointer}.verifide form .control button:first-of-type{background-color:var(--secondry_color);color:#fff}.verifide form .control button:last-of-type{background-color:transparent;color:var(--secondry_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(--secondry_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(--secondry_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);transition:width .3s}.erp-layout .page.fill{width:100%!important}.erp-layout .page main{height:calc(100vh - 50px);overflow-y:auto;overflow-x:hidden;padding:15px 15px 25px}.erp-layout .page main>div{max-width:1200px;margin-inline:auto}@media(max-width:1200px){.erp-layout .page{width:100%}}.header{height:50px;padding-inline:15px;border-bottom:1px solid #CCC;display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}.header .btn-side button{display:flex;align-items:center;justify-content:center;background-color:var(--main_color);color:#fff;border:none;padding:5px;cursor:pointer;border-radius:5px}.header .btn-side button:last-of-type{display:none}@media(max-width:1200px){.header .btn-side button:first-of-type{display:none!important}.header .btn-side button:last-of-type{display:flex!important}}.header .control{display:flex;align-items:center;gap:15px;margin-inline-start:auto}.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{display:flex;align-items:center;gap:10px;background-color:transparent;border:none;font-size:17px;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;z-index:9}.header .control .menu-user a,.header .control .menu-user button{display:block;font-size:15px;padding-block:5px;border:none;background-color:var(--main_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}.erp-side-bar{transition:width .3s,transform .3s;background-color:var(--main_color);height:100vh;color:#fff;overflow:hidden;display:flex;flex-direction:column;width:260px}.erp-side-bar.close{width:85px;overflow:visible}.erp-side-bar.close .side-head,.erp-side-bar.close .side-foot{display:none}.erp-side-bar.close .sidebar-links{padding:0}.erp-side-bar.close .sidebar-links>.ant-menu{width:70px!important}.erp-side-bar .side-head{flex-shrink:0;padding-inline:12px}.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-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 .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;width:100%;border:none!important;font-size:15px!important;font-weight:500;overflow-y:auto;padding-inline:5px}.erp-side-bar .sidebar-links>.ant-menu{background-color:transparent!important}.erp-side-bar .sidebar-links>.ant-menu .ant-menu-item-selected,.erp-side-bar .sidebar-links>.ant-menu .ant-menu-item-active{background-color:var(--main_color)!important}.erp-side-bar .sidebar-links>.ant-menu>li,.erp-side-bar .sidebar-links>.ant-menu>li span{color:#fff!important}.erp-side-bar .sidebar-links>.ant-menu>li .ant-menu-submenu-title svg{width:20px;height:20px}.erp-side-bar .sidebar-links>.ant-menu>li .ant-menu-sub{background-color:var(--secondry_color)!important}.erp-side-bar .sidebar-links>.ant-menu>li .ant-menu-sub svg{width:20px;height:20px}@media(max-width:1200px){.erp-side-bar{position:absolute;transform:translate(100%);z-index:99}.erp-side-bar.active{transform:translate(0)}}.erp-home{height:100%}.erp-home .loading svg{width:50px;height:50px}.erp-home .loading{color:var(--secondry_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(--secondry_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(--secondry_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(--secondry_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:38%;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(--secondry_color);margin-top:15px;padding-top:10px;color:var(--secondry_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(--secondry_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(--secondry_color);color:var(--secondry_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(--secondry_color);color:var(--secondry_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(--secondry_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}.map{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:600}.map a{color:var(--secondry_color)}.clients-management .filter{border-bottom:1px solid var(--main_color)}.clients-management .filter p{background-color:var(--main_color);color:#fff;padding:7px 15px}.clients-management .filter .inputs{padding:10px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));flex-wrap:wrap;gap:10px}.clients-management .filter .inputs form .submit{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;color:var(--main_color)}.clients-management .filter .inputs form .submit svg{width:20px;height:20px}.clients-management .table{margin-top:20px}.add-new-client .content{width:calc(100% - 400px);height:calc(100% - 100px)}.add-new-client .content .loading{font-size:35px;color:var(--secondry_color)}.add-new-client .content form{padding-bottom:20px;margin-top:25px}.add-new-client .content form .checks{display:flex;align-items:center;gap:15px}.add-new-client .content form .checks label{display:flex;align-items:center;gap:5px}.add-new-client .content form .checks label,.add-new-client .content form .checks label input{cursor:pointer}.add-new-client .content form .checks .toggle{display:flex;align-items:center;gap:10px}.add-new-client .content form .checks .toggle input{display:none}.add-new-client .content form .checks .slider{width:40px;height:20px;background:#ccc;border-radius:20px;position:relative;cursor:pointer;transition:.3s}.add-new-client .content form .checks .slider:before{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:.3s}.add-new-client .content form .checks .toggle input:checked+.slider{background:var(--main_color)}.add-new-client .content form .checks .toggle input:checked+.slider:before{transform:translate(20px)}.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 .title-payments-data{margin-top:25px;gap:10px}.add-new-client .content form .title-payments-data,.add-new-client .content form .title-payments-data button{display:flex;align-items:center;justify-content:center}.add-new-client .content form .title-payments-data button{border:none;background-color:transparent;color:var(--main_color);cursor:pointer}.add-new-client .content form .title-payments-data h3{margin-top:0}.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 .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)}@media(max-width:991px){.add-new-client .content{width:calc(100% - 35px)!important}.add-new-client .content form .checks{flex-direction:column}}.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}.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;font-size:16px}.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(--secondry_color);background-color:transparent;cursor:pointer}.confirm-deletion .content .btns button:first-of-type{background-color:var(--secondry_color);color:#fff}.confirm-deletion .content .btns button:last-of-type{color:var(--secondry_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(--secondry_color);background-color:transparent;color:var(--secondry_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(--secondry_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(--secondry_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)}.employees-settings .tabs{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:35px}.employees-settings .tabs button{background-color:transparent;border:1px solid var(--secondry_color);color:var(--secondry_color);width:150px;padding-block:8px;font-size:15px;border-radius:5px;cursor:pointer;transition:all .3s}.employees-settings .tabs button:hover,.employees-settings .tabs button.active{background-color:var(--secondry_color);color:#fff}.employees-settings .table{margin-top:25px}.login-dashboard{display:flex;align-items:center;justify-content:center;height:100vh;width:100%;font-size:35px}.products-cashier .head-page{margin-bottom:13px}.products-cashier .head-page .search form{display:flex;align-items:center;gap:5px;border:1px solid var(--border_color);padding:7px 10px;border-radius:10px;transition:all .3s}.products-cashier .head-page .search form:has(input:focus){border-color:var(--secondry_color)}.products-cashier .head-page .search form input{border:none;font-size:15px;width:200px}.products-cashier .head-page .search form button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;cursor:pointer}.products-cashier .body{display:flex;align-items:flex-start;gap:5px;height:calc(100vh - 144px);border-block:1px solid #DDD}.products-cashier .body .products{width:67%;max-height:100%;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;padding:15px 5px 15px 15px}.products-cashier .body .products .product{box-shadow:0 0 10px #9999993b;border-radius:10px;height:auto}.products-cashier .body .products .product .image{display:flex;align-items:flex-start;justify-content:center}.products-cashier .body .products .product .image img{width:120px;height:120px;object-fit:contain}.products-cashier .body .products .product .info{padding:0 15px 15px}.products-cashier .body .products .product .info h5{text-align:center;margin-bottom:15px}.products-cashier .body .products .product .info div{display:flex;align-items:center;gap:7px}.products-cashier .body .products .product .info div p{flex:1}.products-cashier .body .products .product .info div button{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;color:var(--secondry_color);cursor:pointer}.products-cashier .body .cart{height:100%;overflow:auto;width:33%;margin-top:2px}.cart h3{background-color:#444;color:#fff;width:100%;padding:10px;text-align:center}.cart .items{padding:10px;display:flex;flex-direction:column;gap:10px}.cart .items .item{display:flex;align-items:center;gap:15px}.cart .items .item .image img{width:65px;height:65px;object-fit:cover;border-radius:50%}.cart .items .item .info{flex:1;display:flex;align-items:center;justify-content:space-between}.cart .items .item .info>div{display:flex;flex-direction:column;align-items:center;gap:5px}.cart .items .item .info>div:last-of-type{gap:10px}.cart .items .item .info>div button{display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background-color:transparent;width:22px;height:22px}.cart .items .item .info>div .quntity{display:flex;align-items:center;justify-content:center;gap:7px}.cart .items .item .info>div .quntity button{border-radius:50%;background-color:var(--secondry_color);color:#fff}.cart .items .item .info>div .btns{display:flex;align-items:center;gap:5px}.cart .items .item .info>div .btns button.delete{color:var(--danger_color)}.cart .items .item .info>div .btns button.info{color:var(--secondry_color)}.cart .pricing{display:flex;flex-direction:column;gap:10px;border-block:1px solid var(--border_color);padding:10px}.cart .pricing>div{display:flex;align-items:center;justify-content:space-between}.cart .pricing>div:last-of-type{color:var(--secondry_color);font-weight:600}.cart .control{display:flex;align-items:center;justify-content:center;gap:15px;padding:15px}.cart .control button{display:flex;align-items:center;justify-content:center;flex-direction:column;width:150px;gap:5px;padding:8px 10px;border-radius:10px;border:none;background-color:transparent;color:#fff;cursor:pointer}.cart .control button:nth-of-type(1){background-color:#16a34a}.cart .control button:nth-of-type(2){background-color:#f59e0b}.cart .control button:nth-of-type(3){background-color:#2563eb}@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}.ant-menu-submenu-popup .ant-menu-vertical{background-color:var(--main_color)!important}.ant-menu-submenu-popup .ant-menu-vertical li{display:flex!important;align-items:center}.ant-menu-submenu-popup .ant-menu-vertical li svg{width:20px;height:20px}.ant-menu-submenu-popup .ant-menu-vertical .ant-menu-item-selected,.ant-menu-submenu-popup .ant-menu-vertical .ant-menu-item-active{background-color:var(--secondry_color)!important}.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(--secondry_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(--secondry_color);cursor:pointer}.head-page{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;position:relative}.head-page .btn-menu{display:none}.head-page .btn-menu button{border:none;background-color:var(--main_color);color:#fff;width:35px;height:35px;border-radius:5px;cursor:pointer}.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(--main_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}@media(max-width:1200px){.head-page .btn-menu,.head-page .btn-menu button{display:flex;align-items:center;justify-content:center}.head-page .btns{position:absolute;flex-direction:column;z-index:-1;opacity:0;transform:translateY(10px);transition:all .3s;top:calc(100% + 10px);inset-inline-end:0;background-color:#ececec;padding:10px;border-radius:5px}.head-page .btns.active{z-index:9;opacity:1;transform:translateY(0)}.head-page .btns button{width:100%}}.table{width:100%;overflow-x:auto}.table .loading svg{width:30px;height:30px}.table .loading{color:var(--secondry_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(--secondry_color);border:1px solid var(--secondry_color);padding:3px 7px;cursor:pointer;transition:all .3s}.table .btn-state:hover{background-color:var(--secondry_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{width:100%}.table .status select{width:100%;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;gap:10px;width:100%}.table header .head-table h3{font-size:22px}.table header .head-table .search{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1}.table header .head-table .search .reload{display:flex;align-items:center;justify-content:center;color:var(--secondry_color);border:none;background-color:transparent;cursor:pointer}.table header .head-table .search form{border:1px solid var(--secondry_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(--secondry_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}.pagination{display:flex;list-style:none;justify-content:center;gap:7px;margin-top:25px}.pagination li{cursor:pointer;border:1px solid #ddd;border-radius:5px;display:flex;align-items:stretch;justify-content:center;overflow:hidden}.pagination li.active{background-color:var(--secondry_color);color:#fff;border-color:var(--secondry_color)}.pagination li:first-of-type a:hover,.pagination li:last-of-type a:hover{background-color:var(--secondry_color);color:#fff}.pagination li a{display:flex;align-items:center;padding:5px 15px;transition:all .3s}:root{--main_color: #2471be;--secondry_color: #1753AA;--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(--secondry_color)}::-webkit-scrollbar-track{background-color:#fff}