.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!important}.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;flex-wrap:wrap;gap:10px;font-size:19px;font-weight:600}.map a{color:var(--secondry_color)}.create-invoice .invoice-container{display:flex;gap:20px}.create-invoice .invoice-container .form-section{flex:2.5;background:#fff;padding:20px;border:1px solid var(--border_color)}.create-invoice .invoice-container .form-section .section-title{font-size:18px;font-weight:700;color:var(--secondry_color);margin-bottom:20px;border-right:3px solid var(--main_color);padding-right:12px}.create-invoice .invoice-container .form-section .input-with-action{display:flex;gap:10px;align-items:flex-end;margin-bottom:15px}.create-invoice .invoice-container .form-section .input-with-action>div:first-child{flex:1}.create-invoice .invoice-container .form-section .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.create-invoice .invoice-container .form-section .form-grid label{font-size:14px;margin-bottom:6px;display:flex;align-items:center;gap:5px;color:var(--third_color);font-weight:600}.create-invoice .invoice-container .form-section .dynamic-rows{margin-top:30px;padding-top:20px;border-top:1px dashed var(--border_color)}.create-invoice .invoice-container .form-section .dynamic-rows .dynamic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-weight:700;font-size:15px;color:var(--third_color)}.create-invoice .invoice-container .form-section .dynamic-rows .dynamic-header .btn-add-circle{background:var(--primary-gradient);color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.create-invoice .invoice-container .form-section .dynamic-rows .dynamic-header .btn-add-circle:hover{transform:scale(1.1)}.create-invoice .invoice-container .form-section .dynamic-rows .row-item{display:flex;gap:12px;margin-bottom:12px;align-items:center}.create-invoice .invoice-container .form-section .dynamic-rows .row-item .input-group{flex:1;font-size:14px}.create-invoice .invoice-container .form-section .dynamic-rows .row-item .btn-delete{background:transparent;color:var(--danger_color);border:1px solid var(--danger_color);padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;height:34px;width:34px;opacity:.7;transition:all .3s}.create-invoice .invoice-container .form-section .dynamic-rows .row-item .btn-delete:hover{background:var(--danger_color);color:#fff;opacity:1}.create-invoice .invoice-container .form-section .selected-client-details{display:flex;align-items:center;gap:25px;padding:12px 20px;background:#f8fafc;border:1px dashed #cbd5e1;margin-bottom:25px}.create-invoice .invoice-container .form-section .selected-client-details .detail-item{display:flex;align-items:center;gap:8px;font-size:14px}.create-invoice .invoice-container .form-section .selected-client-details .detail-item .label{color:#64748b;font-weight:600}.create-invoice .invoice-container .form-section .selected-client-details .detail-item .value{color:#1e293b;font-weight:700}.create-invoice .invoice-container .form-section .selected-client-details .detail-item .value.status-balance{color:#10b981}.create-invoice .invoice-container .form-section .selected-client-details .detail-item .value.status-points{color:#2471be}.create-invoice .invoice-container .summary-section{flex:1;display:flex;flex-direction:column;gap:15px}.create-invoice .invoice-container .summary-section .customer-card{background:#fff;padding:20px;border:1px solid var(--border_color);position:relative;overflow:hidden}.create-invoice .invoice-container .summary-section .customer-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary-gradient)}.create-invoice .invoice-container .summary-section .customer-card .card-header .badge{background:#10b9811a;color:var(--save_color);padding:3px 10px;border-radius:6px;font-size:12px;font-weight:700}.create-invoice .invoice-container .summary-section .customer-card .card-header h3{margin-top:12px;color:var(--secondry_color);font-size:18px;display:flex;align-items:center;gap:8px}.create-invoice .invoice-container .summary-section .customer-card .card-header h3 .edit-icon{color:var(--main_color);cursor:pointer;font-size:14px}.create-invoice .invoice-container .summary-section .customer-card .balance-info{margin:20px 0;display:flex;flex-direction:column}.create-invoice .invoice-container .summary-section .customer-card .balance-info .status{color:#777;font-size:13px}.create-invoice .invoice-container .summary-section .customer-card .balance-info .amount{font-size:28px;font-weight:800;color:#222}.create-invoice .invoice-container .summary-section .customer-card .loyalty-points{background:var(--primary-gradient);color:#fff;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700}.create-invoice .items-table-section{margin-top:18px;background:#fff;border:1px solid var(--border_color)}.create-invoice .items-table-section .table-wrapper{width:100%;overflow-x:auto}.create-invoice .items-table-section .table-wrapper::-webkit-scrollbar{height:6px}.create-invoice .items-table-section .table-wrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.create-invoice .items-table-section .table-wrapper .invoice-table{width:100%;min-width:1300px;border-collapse:collapse}.create-invoice .items-table-section .table-wrapper .invoice-table thead th{white-space:nowrap;padding:12px 10px;background-color:#f8f9fa;position:sticky;top:0}.create-invoice .items-table-section .table-wrapper .invoice-table tbody td{padding:8px 10px;white-space:nowrap}.create-invoice .items-table-section .table-wrapper .invoice-table thead{background-color:#f8f9fa}.create-invoice .items-table-section .table-wrapper .invoice-table thead th{padding:12px 5px;color:var(--secondry_color);font-weight:700;font-size:14px;border-bottom:1px solid var(--border_color);text-align:start}.create-invoice .items-table-section .table-wrapper .invoice-table tbody tr{border-bottom:1px solid #f1f1f1}.create-invoice .items-table-section .table-wrapper .invoice-table tbody tr td{padding:8px 5px}.create-invoice .items-table-section .table-wrapper .invoice-table tbody tr td .input-group input{width:100%}.create-invoice .items-table-section .table-wrapper .invoice-table tbody tr td .total-val{font-weight:700;color:#333;font-size:14px}.create-invoice .items-table-section .table-wrapper .invoice-table tbody tr td .delete-row{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0 auto;border-radius:6px;border:1px solid transparent;background-color:transparent;color:#ff4d4f;cursor:pointer;transition:all .3s ease}.create-invoice .items-table-section .table-wrapper .invoice-table tbody tr td .delete-row:hover{background-color:#fff1f0;border-color:#ffa39e;transform:scale(1.1)}.create-invoice .items-table-section .table-wrapper .invoice-table tbody tr td .delete-row:active{transform:scale(.95)}.create-invoice .items-table-section .table-add-row{padding:15px;display:flex;justify-content:flex-start}.create-invoice .items-table-section .table-add-row .add-btn{background:#fff;color:var(--main_color);border:1.5px dashed var(--main_color);padding:8px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.create-invoice .items-table-section .table-add-row .add-btn:hover{background:var(--main_color);color:#fff;border-style:solid;box-shadow:0 4px 12px #2471be33}.create-invoice .items-table-section .table-footer-summary{padding:10px;display:flex;justify-content:flex-end;background:#fff;border-top:1px solid #eee}.create-invoice .items-table-section .table-footer-summary .summary-card{width:300px;padding:8px 16px}.create-invoice .items-table-section .table-footer-summary .summary-card .summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;color:#666;border-bottom:1px solid #f9f9f9}.create-invoice .items-table-section .table-footer-summary .summary-card .summary-row:last-child{border-bottom:none}.create-invoice .items-table-section .table-footer-summary .summary-card .summary-row span:last-child{font-weight:500;color:#333}.create-invoice .items-table-section .table-footer-summary .summary-card .summary-row .discount-val{color:var(--danger_color)!important;font-weight:400!important}.create-invoice .items-table-section .table-footer-summary .summary-card .summary-row.total-grand{margin-top:8px;padding-top:16px;border-top:2px solid var(--main_color);border-bottom:none;background:transparent}.create-invoice .items-table-section .table-footer-summary .summary-card .summary-row.total-grand span:first-child{color:var(--secondry_color);font-weight:700;font-size:15px}.create-invoice .items-table-section .table-footer-summary .summary-card .summary-row.total-grand span:last-child{color:var(--main_color)!important;font-size:20px;font-weight:800}.create-invoice .invoice-footer-section{margin-top:20px;background:#fff;border:1px solid var(--border_color);overflow:hidden}.create-invoice .invoice-footer-section .tabs-container .tabs-header{display:flex;background:#f8f9fa;border-bottom:1px solid var(--border_color)}.create-invoice .invoice-footer-section .tabs-container .tabs-header button{padding:12px 20px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:#666;display:flex;align-items:center;gap:8px;transition:.3s;border-left:1px solid transparent}.create-invoice .invoice-footer-section .tabs-container .tabs-header button.active{background:#fff;color:var(--main_color)}.create-invoice .invoice-footer-section .tabs-container .tabs-header button:hover:not(.active){background:#eee}.create-invoice .invoice-footer-section .tabs-container .tabs-content{padding:20px;min-height:100px}.create-invoice .invoice-footer-section .tabs-container .tabs-content .discount-pane{padding:10px}.create-invoice .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout{display:flex;flex-direction:column;gap:20px}.create-invoice .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout .row{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.create-invoice .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout .row .input-group{min-width:150px}.create-invoice .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout .row .input-group{flex:1;display:flex;flex-direction:column;gap:8px}.create-invoice .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout .row .input-group label{color:var(--third_color)}.create-invoice .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout .row .input-group label svg{color:var(--main_color)}.create-invoice .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout .row .info-box{padding:10px 15px;background:#f9f9f9;border-radius:8px;border:1px solid #eee;display:flex;gap:10px;font-size:14px;height:40px;align-items:center}.create-invoice .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout .row .info-box .label{color:#888}.create-invoice .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout .row .info-box .value{color:var(--main_color);font-weight:700}.create-invoice .invoice-footer-section .tabs-container .tabs-content .deposit-pane{display:flex;flex-direction:column;gap:20px}.create-invoice .invoice-footer-section .tabs-container .tabs-content .deposit-pane .deposit-row-container{padding-bottom:20px;border-bottom:1px solid var(--border_color, #eee)}.create-invoice .invoice-footer-section .tabs-container .tabs-content .deposit-pane .deposit-row-container .row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.create-invoice .invoice-footer-section .tabs-container .tabs-content .deposit-pane .deposit-row-container .row-header .row-number{font-weight:600;color:var(--main_color)}.create-invoice .invoice-footer-section .tabs-container .tabs-content .deposit-pane .deposit-row-container .row-header .btn-remove{display:flex;align-items:center;gap:6px;color:#ff4d4f;background:none;border:none;cursor:pointer;font-size:14px;padding:4px 8px;border-radius:4px;transition:background .3s}.create-invoice .invoice-footer-section .tabs-container .tabs-content .deposit-pane .deposit-row-container .row-header .btn-remove:hover{background:#ff4d4f1a}.create-invoice .invoice-footer-section .tabs-container .tabs-content .deposit-pane .deposit-row-container .deposit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.create-invoice .invoice-footer-section .tabs-container .tabs-content .deposit-pane .btn-add-row{align-self:flex-start;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:6px;cursor:pointer;background-color:var(--main_color);color:#fff;border:1px solid transparent;transition:all .3s ease}.create-invoice .invoice-footer-section .tabs-container .tabs-content .deposit-pane .btn-add-row:hover{filter:brightness(1.1);transform:translateY(-1px)}.create-invoice .invoice-footer-section .tabs-container .tabs-content .deposit-pane .btn-add-row:active{transform:translateY(0)}.create-invoice .invoice-footer-section .tabs-container .tabs-content .delivery-pane{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.create-invoice .invoice-footer-section .tabs-container .tabs-content .delivery-pane .input-group label{color:var(--third_color)}.create-invoice .invoice-footer-section .tabs-container .tabs-content .delivery-pane{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .inner-tabs{display:flex;gap:0;border-bottom:1px solid #eee;margin-bottom:20px}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .inner-tabs button{background:transparent;border:none;padding:10px 20px;font-size:14px;font-weight:600;color:#888;cursor:pointer;position:relative}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .inner-tabs button.active{color:var(--main_color)}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .inner-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--main_color)}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .inner-tabs-content{min-height:200px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section label{display:block;font-size:14px;font-weight:700;color:var(--third_color);margin-bottom:12px;text-align:start}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper{display:flex;flex-direction:column;gap:15px;padding:10px}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .attachments-dropzone{border:2px dashed #e2e8f0;border-radius:8px;padding:40px;text-align:center;background:#fdfdfd;cursor:pointer;transition:all .2s ease}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .attachments-dropzone.dragging{border-color:var(--save_color);background-color:#ecfdf5;transform:scale(1.01)}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .attachments-dropzone:hover:not(.dragging){border-color:var(--main_color);background-color:#f8fafc}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .attachments-dropzone .dropzone-box{pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:15px}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:10px}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:#f1f5f9;border-radius:6px;border:1px solid #e2e8f0;gap:10px}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item .file-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item .file-info .file-text-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item .file-info .file-text-wrapper .file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;font-size:13px}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item .file-info .file-text-wrapper .file-size{color:#94a3b8;font-size:11px;margin-right:10px;white-space:nowrap}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item .remove-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:50%;flex-shrink:0}.create-invoice .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item .remove-btn:hover{background:#fee2e2}.create-invoice .notes-section{border-top:1px solid var(--border_color);padding:20px}.create-invoice .notes-section .notes-header{font-size:14px;font-weight:700;color:var(--secondry_color);margin-bottom:12px;display:flex;align-items:center;gap:6px}.create-invoice .payment-status-wrapper{background:#fff;border:1px solid #e2e8f0;margin-top:20px}.create-invoice .payment-status-wrapper .status-header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.create-invoice .payment-status-wrapper .status-header .label-side{display:flex;align-items:center;gap:10px}.create-invoice .payment-status-wrapper .status-header .label-side label{font-size:15px;font-weight:700;color:#475569}.create-invoice .payment-status-wrapper .status-header .label-side .help-icon{width:18px;height:18px;background:#cbd5e1;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;border-radius:50%!important;cursor:help}.create-invoice .payment-status-wrapper .payment-details-body{padding:25px}.create-invoice .payment-status-wrapper .payment-details-body .form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.create-invoice .payment-status-wrapper .ios-toggle{width:48px;height:24px;background:#cbd5e1;border-radius:30px!important;position:relative;cursor:pointer;transition:.3s}.create-invoice .payment-status-wrapper .ios-toggle .handle{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%!important;transition:.3s}.create-invoice .payment-status-wrapper .ios-toggle.on{background:#10b981}.create-invoice .payment-status-wrapper .ios-toggle.on .handle{left:27px}.billing-management .filter{margin-bottom:20px}.billing-management .filter button{display:flex;align-items:center;justify-content:center;padding-inline:10px;gap:10px;width:80px;height:30px;border:none;border-radius:5px;background-color:var(--save_color);color:#fff;font-size:15px}.billing-management .smart-tabs-bar{display:flex;background:#fff;border:1px solid #e2e8f0;margin-bottom:5px;gap:10px}.billing-management .smart-tabs-bar .tab-item{display:flex;align-items:center;gap:8px;padding:18px 25px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;color:#64748b;font-size:15px;font-weight:700;transition:all .2s}.billing-management .smart-tabs-bar .tab-item.is-active{color:#2471be;border-bottom-color:#2471be;background:#f8fafc}.billing-management .smart-tabs-bar .tab-item:hover:not(.is-active){color:#2471be;background:#fcfdfe}.billing-management .smart-tabs-bar .tab-item .tab-count{font-size:12px;opacity:.7}.billing-management .invoices-main-list{background:#fff;border:1px solid #e2e8f0}.billing-management .invoices-main-list .invoice-row{display:flex;align-items:center;padding:20px 30px;border-bottom:1px solid #f1f5f9;transition:background .2s}.billing-management .invoices-main-list .invoice-row:hover{background:#fcfdfe}.billing-management .invoices-main-list .invoice-row .col-client-meta{flex:2}.billing-management .invoices-main-list .invoice-row .col-client-meta .invoice-ref{font-size:16px;font-weight:800;color:#1e293b;margin-bottom:6px}.billing-management .invoices-main-list .invoice-row .col-client-meta .client-name,.billing-management .invoices-main-list .invoice-row .col-client-meta .created-by{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8;margin-top:4px}.billing-management .invoices-main-list .invoice-row .col-client-meta .client-name strong,.billing-management .invoices-main-list .invoice-row .col-client-meta .created-by strong{color:#475569}.billing-management .invoices-main-list .invoice-row .col-print-status{flex:1.5;text-align:center}.billing-management .invoices-main-list .invoice-row .col-print-status .time-display{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#94a3b8;margin-top:6px}.billing-management .invoices-main-list .invoice-row .col-electronic{flex:1.5;text-align:center}.billing-management .invoices-main-list .invoice-row .col-electronic label{display:block;font-size:12px;color:#94a3b8;margin-bottom:8px}.billing-management .invoices-main-list .invoice-row .col-electronic .not-submitted{background:#475569;color:#fff;padding:4px 12px;font-size:11px;font-weight:800}.billing-management .invoices-main-list .invoice-row .col-pricing{flex:1.2;text-align:center}.billing-management .invoices-main-list .invoice-row .col-pricing .price-val{font-size:18px;font-weight:800;color:#1e293b}.billing-management .invoices-main-list .invoice-row .col-pricing .badge{display:inline-block;padding:3px 12px;font-size:11px;font-weight:800;color:#fff;margin-top:8px}.billing-management .invoices-main-list .invoice-row .col-pricing .badge.paid{background:#10b981}.billing-management .invoices-main-list .invoice-row .col-pricing .badge.unpaid{background:#f43f5e}.billing-management .invoices-main-list .invoice-row .col-pricing .badge.partial{background:#f59e0b}.billing-management .invoices-main-list .invoice-row .col-more-actions{flex:.5;display:flex;justify-content:flex-end;position:relative}.billing-management .invoices-main-list .invoice-row .col-more-actions .more-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;cursor:pointer}.billing-management .invoices-main-list .invoice-row .col-more-actions .more-btn:hover{background:#f1f5f9;color:#2471be}.billing-management .invoices-main-list .invoice-row .col-more-actions .dropdown-menu{position:absolute;left:0;width:200px;background:#fff;border:1px solid #e2e8f0;z-index:1000;top:100%;margin-top:8px;box-shadow:0 10px 25px #0000001a;max-height:200px;overflow:auto}.billing-management .invoices-main-list .invoice-row .col-more-actions .dropdown-menu.open-up{top:auto;bottom:100%;margin-top:0;margin-bottom:8px;box-shadow:0 -10px 25px #0000001a}.billing-management .invoices-main-list .invoice-row .col-more-actions .dropdown-menu .menu-item{display:flex;align-items:center;gap:12px;padding:12px 18px;font-size:14px;font-weight:700;color:#475569;cursor:pointer;white-space:nowrap}.billing-management .invoices-main-list .invoice-row .col-more-actions .dropdown-menu .menu-item:hover{background:#f0f7ff;color:#2471be}.periodic-invoices .filter button{display:flex;align-items:center;justify-content:center;padding-inline:10px;gap:10px;width:80px;height:30px;border:none;border-radius:5px;background-color:var(--save_color);color:#fff;font-size:15px}.pending-invoices .filter button{display:flex;align-items:center;justify-content:center;padding-inline:10px;gap:10px;width:80px;height:30px;border:none;border-radius:5px;background-color:var(--save_color);color:#fff;font-size:15px}.offer-price .filter button{display:flex;align-items:center;justify-content:center;padding-inline:10px;gap:10px;width:80px;height:30px;border:none;border-radius:5px;background-color:var(--save_color);color:#fff;font-size:15px}.returns .filter button{display:flex;align-items:center;justify-content:center;padding-inline:10px;gap:10px;width:80px;height:30px;border:none;border-radius:5px;background-color:var(--save_color);color:#fff;font-size:15px}.credit-notes .filter button{display:flex;align-items:center;justify-content:center;padding-inline:10px;gap:10px;width:80px;height:30px;border:none;border-radius:5px;background-color:var(--save_color);color:#fff;font-size:15px}.city-notices .filter button{display:flex;align-items:center;justify-content:center;padding-inline:10px;gap:10px;width:80px;height:30px;border:none;border-radius:5px;background-color:var(--save_color);color:#fff;font-size:15px}.client-or-invoices .content{width:500px;height:400px;display:flex;flex-direction:column;gap:10px}.client-or-invoices .content span{display:block;text-align:center;font-size:17px;font-weight:700}.client-or-invoices .content>button{width:fit-content;margin-inline:auto;border:none;background-color:var(--save_color);color:#fff;font-size:15px;width:100px;padding-block:7px;border-radius:5px;cursor:pointer;margin-top:20px}.customer-payments .filter{margin-bottom:25px}.customer-payments .filter button{display:flex;align-items:center;justify-content:center;padding-inline:10px;gap:10px;width:80px;height:30px;border:none;border-radius:5px;background-color:var(--save_color);color:#fff;font-size:15px}.customer-payments .payments-container{display:flex;flex-direction:column;gap:15px}.customer-payments .payments-container .payment-item-row{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:20px 25px;border:1px solid var(--border_color)}.customer-payments .payments-container .payment-item-row.no-radius{border-radius:0}.customer-payments .payments-container .payment-item-row .payment-info-side{flex:2;text-align:right}.customer-payments .payments-container .payment-item-row .payment-info-side .pay-id{font-size:16px;font-weight:700;color:var(--secondry_color);margin-bottom:6px}.customer-payments .payments-container .payment-item-row .payment-info-side .pay-ref{font-size:14px;color:#94a3b8;margin-bottom:10px}.customer-payments .payments-container .payment-item-row .payment-info-side .pay-meta{display:flex;gap:20px;font-size:14px;color:#64748b}.customer-payments .payments-container .payment-item-row .payment-info-side .pay-meta span{display:flex;align-items:center;gap:8px}.customer-payments .payments-container .payment-item-row .payment-amount-side{flex:1;text-align:center}.customer-payments .payments-container .payment-item-row .payment-amount-side .amount-val{font-size:16px;font-weight:700;color:var(--secondry_color);margin-bottom:8px}.customer-payments .payments-container .payment-item-row .payment-amount-side .status-wrap{display:flex;justify-content:center}.customer-payments .payments-container .payment-item-row .payment-amount-side .status-wrap .status-badge.completed{background:var(--save_color);color:#fff;padding:3px 12px;font-size:12px;font-weight:700;display:inline-block}.customer-payments .payments-container .payment-item-row .payment-actions-dropdown{position:relative;flex:.5;display:flex;justify-content:flex-end}.customer-payments .payments-container .payment-item-row .payment-actions-dropdown .trigger-btn{background:#f1f5f9;border:1px solid #e2e8f0;padding:9px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center}.customer-payments .payments-container .payment-item-row .payment-actions-dropdown .trigger-btn:hover{background:#e2e8f0}.customer-payments .payments-container .payment-item-row .payment-actions-dropdown .actions-menu-list{position:absolute;left:0;top:auto;bottom:auto;width:210px;background:#fff;border:1px solid var(--border_color);box-shadow:0 12px 35px #00000026;z-index:100;padding:5px 0}.customer-payments .payments-container .payment-item-row .payment-actions-dropdown .actions-menu-list.bottom{top:110%;animation:fadeInDown .2s ease-out}.customer-payments .payments-container .payment-item-row .payment-actions-dropdown .actions-menu-list.top{bottom:110%;animation:fadeInUp .2s ease-out}.customer-payments .payments-container .payment-item-row .payment-actions-dropdown .actions-menu-list .menu-item{display:flex;align-items:center;gap:5px;padding:8px 15px;cursor:pointer;border-bottom:1px solid #f8fafc}.customer-payments .payments-container .payment-item-row .payment-actions-dropdown .actions-menu-list .menu-item:last-child{border-bottom:none}.customer-payments .payments-container .payment-item-row .payment-actions-dropdown .actions-menu-list .menu-item:hover{background:#f8fafc}.customer-payments .payments-container .payment-item-row .payment-actions-dropdown .actions-menu-list .menu-item:hover .text-box{color:var(--main_color)}.customer-payments .payments-container .payment-item-row .payment-actions-dropdown .actions-menu-list .menu-item .text-box{font-size:15px;flex:1;text-align:right;color:var(--third_color)}.customer-payments .payments-container .payment-item-row .payment-actions-dropdown .actions-menu-list .menu-item .icon-box{display:flex;align-items:center;min-width:20px}.sales-settings .settings-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.sales-settings .settings-cards-grid .setting-card-item{background:#fff;border:1px solid #e2e8f0;padding:40px 30px;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #00000014}.sales-settings .settings-cards-grid .setting-card-item:hover{border-color:#2471be;box-shadow:0 10px 20px #0000000d;transform:translateY(-5px)}.sales-settings .settings-cards-grid .setting-card-item .card-icon{color:#1e293b;margin-bottom:25px;display:flex;align-items:center;justify-content:center}.sales-settings .settings-cards-grid .setting-card-item .card-title{font-size:18px;font-weight:800;color:#1e293b;margin-bottom:15px;line-height:1.4}.sales-settings .settings-cards-grid .setting-card-item .card-desc{font-size:14px;color:#64748b;line-height:1.6;margin:0;max-width:280px}.billing-settings .invoice-settings-tabs{display:flex;align-items:center;background:#fff;border:1px solid #e2e8f0;gap:5px;overflow-x:auto;scrollbar-width:none}.billing-settings .invoice-settings-tabs .setting-tab-item{display:flex;align-items:center;gap:10px;padding:20px 25px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;color:#64748b;font-size:15px;font-weight:700;white-space:nowrap;transition:all .2s ease}.billing-settings .invoice-settings-tabs .setting-tab-item .tab-icon{display:flex;align-items:center;color:#94a3b8}.billing-settings .invoice-settings-tabs .setting-tab-item:hover{color:#2471be;background:#f8fafc}.billing-settings .invoice-settings-tabs .setting-tab-item.active{color:#2471be;border-bottom-color:#2471be;background:#f0f7ff}.billing-settings .invoice-settings-tabs .setting-tab-item.active .tab-icon{color:#2471be}.billing-settings .tab-content{margin-top:15px;margin-bottom:30px;border:1px solid #e2e8f0}.issuance-tab-section{padding-inline:50px}.issuance-tab-section .setting-block{padding:20px 0;border-bottom:1px dashed #e2e8f0;display:flex;flex-direction:column;align-items:flex-start}.issuance-tab-section .setting-block .block-title{font-size:15px;font-weight:800;margin-bottom:10px}.issuance-tab-section .setting-block .block-hint{font-size:13px;color:#94a3b8;margin-top:10px}.issuance-tab-section .serial-input-group{display:flex;width:100%}.issuance-tab-section .serial-input-group .setup-btn{display:flex;align-items:center;gap:10px;background:#f1f5f9;border:1px solid #cbd5e1;padding:0 20px;color:#475569;font-size:14px;font-weight:700;cursor:pointer;border-left:none}.issuance-tab-section .serial-input-group .setup-btn:hover{background:#e2e8f0}.issuance-tab-section .serial-input-group .serial-field{flex:1;height:48px;border:1px solid #cbd5e1;background:#fff;padding:0 15px;text-align:left;font-weight:700;color:#1e293b}.issuance-tab-section .toggle-wrapper-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #e2e8f0;padding:12px 20px}.issuance-tab-section .toggle-wrapper-row .toggle-label-text{font-size:14px;font-weight:700;color:#64748b}.issuance-tab-section .toggle-wrapper-row .modern-toggle{width:44px;height:22px;background:#cbd5e1;border-radius:11px!important;position:relative;cursor:pointer;transition:all .3s ease}.issuance-tab-section .toggle-wrapper-row .modern-toggle .toggle-thumb{position:absolute;top:3px;right:3px;width:16px;height:16px;background:#fff;border-radius:50%!important;transition:transform .3s ease}.issuance-tab-section .toggle-wrapper-row .modern-toggle.is-active{background:var(--save_color)}.issuance-tab-section .toggle-wrapper-row .modern-toggle.is-active .toggle-thumb{transform:translate(-22px)}.issuance-tab-section .setting-block{width:100%}.issuance-tab-section .setting-block>div{width:100%}.issuance-tab-section .toggle-wrapper-row.has-action-btn{display:flex;justify-content:space-between}.issuance-tab-section .toggle-wrapper-row.has-action-btn .toggle-content{display:flex;align-items:center;gap:15px}.issuance-tab-section .toggle-wrapper-row.has-action-btn .setup-inline-btn{display:flex;align-items:center;gap:8px;background:#f1f5f9;border:1px solid #cbd5e1;padding:8px 15px;font-size:13px;font-weight:700;color:#94a3b8;cursor:pointer}.issuance-tab-section .toggle-wrapper-row.has-action-btn .setup-inline-btn:disabled{opacity:.5;cursor:not-allowed}.issuance-tab-section .toggle-wrapper-row.has-action-btn .setup-inline-btn:not(:disabled):hover{background:#e2e8f0;color:#1e293b}.issuance-tab-section .radio-cards-group{width:100%;display:flex;flex-direction:column;border:1px solid #e2e8f0;background:#fff}.issuance-tab-section .radio-cards-group .radio-card-item{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:background .2s ease,border-color .2s ease;position:relative;border-left:2px solid transparent;border-right:2px solid transparent}.issuance-tab-section .radio-cards-group .radio-card-item:last-child{border-bottom:1px solid transparent}.issuance-tab-section .radio-cards-group .radio-card-item .radio-content{text-align:right}.issuance-tab-section .radio-cards-group .radio-card-item .radio-content strong{display:block;font-size:14px;color:#1e293b;margin-bottom:5px}.issuance-tab-section .radio-cards-group .radio-card-item .radio-content .sub-text{font-size:12px;color:#94a3b8}.issuance-tab-section .radio-cards-group .radio-card-item .custom-radio-circle{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:50%!important;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.issuance-tab-section .radio-cards-group .radio-card-item .custom-radio-circle:after{content:"";width:10px;height:10px;background:#2471be;border-radius:50%!important;transform:scale(0);transition:transform .2s ease}.issuance-tab-section .radio-cards-group .radio-card-item.active{background:#f0f7ff;z-index:5;box-shadow:0 0 0 1px #2471be;border-radius:0!important}.issuance-tab-section .radio-cards-group .radio-card-item.active .custom-radio-circle{border-color:#2471be;background:#fff}.issuance-tab-section .radio-cards-group .radio-card-item.active .custom-radio-circle:after{transform:scale(1)}.issuance-tab-section .radio-cards-group .radio-card-item.active{border-bottom-color:transparent}.issuance-tab-section .setting-block.no-border{border-bottom:none}.issuance-tab-section .setting-block .setup-inline-btn svg{opacity:.7}.issuance-tab-section .radio-card-item{background:#fff}.issuance-tab-section .radio-card-item.active{box-shadow:0 0 0 2px #2471be;z-index:10}.pricing-settings-tab{padding:0 50px}.pricing-settings-tab .setting-block{padding:25px 0;border-bottom:1px dashed #e2e8f0;display:flex;flex-direction:column;align-items:flex-start}.pricing-settings-tab .setting-block .input-group{width:100%}.pricing-settings-tab .setting-block:last-child{border-bottom:none}.pricing-settings-tab .setting-block .block-title{font-size:15px;font-weight:800;color:#1e293b;margin-bottom:15px;text-align:right;width:100%}.pricing-settings-tab .setting-block .block-hint{font-size:13px;color:#94a3b8;margin-top:10px;line-height:1.6;text-align:right}.pricing-settings-tab .setting-block .block-hint a{color:#2471be;text-decoration:underline}.pricing-settings-tab .toggle-wrapper-row{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #e2e8f0;padding:12px 20px;background:#fff}.pricing-settings-tab .toggle-wrapper-row .toggle-content{display:flex;align-items:center;gap:15px}.pricing-settings-tab .toggle-wrapper-row .toggle-label-text{font-size:14px;font-weight:700;color:#64748b}.pricing-settings-tab .toggle-wrapper-row .setup-inline-btn{display:flex;align-items:center;gap:8px;background:#f1f5f9;border:1px solid #cbd5e1;padding:8px 15px;font-size:13px;font-weight:700;color:#475569;cursor:pointer}.pricing-settings-tab .toggle-wrapper-row .setup-inline-btn:disabled{opacity:.4;cursor:not-allowed}.pricing-settings-tab .radio-cards-group{width:100%;display:flex;flex-direction:column;border:1px solid #e2e8f0}.pricing-settings-tab .radio-cards-group .radio-card-item{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0;cursor:pointer;position:relative;background:#fff;transition:all .2s ease}.pricing-settings-tab .radio-cards-group .radio-card-item:last-child{border-bottom:none}.pricing-settings-tab .radio-cards-group .radio-card-item.active{background:#f0f7ff;z-index:5;box-shadow:0 0 0 1px #2471be}.pricing-settings-tab .radio-cards-group .radio-card-item.active .custom-radio-circle{border-color:#2471be}.pricing-settings-tab .radio-cards-group .radio-card-item.active .custom-radio-circle:after{transform:scale(1)}.pricing-settings-tab .radio-cards-group .radio-card-item .radio-content{text-align:right}.pricing-settings-tab .radio-cards-group .radio-card-item .radio-content strong{display:block;font-size:14px;color:#1e293b;margin-bottom:4px}.pricing-settings-tab .radio-cards-group .radio-card-item .radio-content span{font-size:12px;color:#94a3b8}.pricing-settings-tab .radio-cards-group .radio-card-item .custom-radio-circle{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:50%!important;display:flex;align-items:center;justify-content:center}.pricing-settings-tab .radio-cards-group .radio-card-item .custom-radio-circle:after{content:"";width:10px;height:10px;background:#2471be;border-radius:50%!important;transform:scale(0);transition:transform .2s}.pricing-settings-tab .modern-toggle{width:44px;height:22px;background:#cbd5e1;border-radius:11px!important;position:relative;cursor:pointer}.pricing-settings-tab .modern-toggle .toggle-thumb{position:absolute;top:3px;right:3px;width:16px;height:16px;background:#fff;border-radius:50%!important;transition:transform .3s ease}.pricing-settings-tab .modern-toggle.is-active{background:var(--save_color)}.pricing-settings-tab .modern-toggle.is-active .toggle-thumb{transform:translate(-22px)}.payment-settings-tab{padding:0 50px}.payment-settings-tab .payment-setting-row{padding:20px 0;border-bottom:1px dashed #e2e8f0;display:flex;flex-direction:column;align-items:flex-start}.payment-settings-tab .payment-setting-row.no-border{border-bottom:none}.payment-settings-tab .payment-setting-row .setting-title{font-size:16px;font-weight:800;color:#1e293b;margin-bottom:18px;text-align:right;width:100%}.payment-settings-tab .payment-setting-row .setting-description{font-size:13.5px;color:#94a3b8;line-height:1.7;margin-top:12px;text-align:right;width:100%}.payment-settings-tab .payment-setting-row:not(:has(.management-btn)) .toggle-action-area{flex:1;justify-content:space-between}.payment-settings-tab .toggle-card-container{width:100%;height:52px;border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background-color:#fff}.payment-settings-tab .toggle-card-container.simple-toggle{justify-content:flex-end}.payment-settings-tab .toggle-card-container .management-btn{display:flex;align-items:center;gap:8px;background-color:#f8fafc;border:1px solid #cbd5e1;padding:8px 16px;font-size:13px;font-weight:700;color:#94a3b8;cursor:pointer;transition:all .2s}.payment-settings-tab .toggle-card-container .management-btn .ext-icon{opacity:.6}.payment-settings-tab .toggle-card-container .management-btn:disabled{opacity:.5;cursor:not-allowed}.payment-settings-tab .toggle-card-container .management-btn:not(:disabled):hover{background-color:#f1f5f9;color:#1e293b}.payment-settings-tab .toggle-card-container .toggle-action-area{display:flex;align-items:center;gap:15px}.payment-settings-tab .toggle-card-container .toggle-action-area .status-label{font-size:14px;font-weight:700;color:#64748b}.payment-settings-tab .toggle-card-container .toggle-action-area .status-label.active{color:#1e293b}.payment-settings-tab .custom-ios-toggle{width:44px;height:22px;background-color:#cbd5e1;border-radius:20px!important;position:relative;cursor:pointer;transition:background-color .3s}.payment-settings-tab .custom-ios-toggle .handle{position:absolute;top:2px;right:2px;width:18px;height:18px;background-color:#fff;border-radius:50%!important;transition:transform .3s ease}.payment-settings-tab .custom-ios-toggle.checked{background-color:var(--save_color)}.payment-settings-tab .custom-ios-toggle.checked .handle{transform:translate(-22px)}.payment-settings-tab .serial-input-group{display:flex;width:100%;border:1px solid #cbd5e1}.payment-settings-tab .serial-input-group .setup-btn{display:flex;align-items:center;gap:10px;background:#f1f5f9;border:none;border-left:1px solid #cbd5e1;padding:0 20px;height:48px;color:#475569;font-size:14px;font-weight:700;cursor:pointer}.payment-settings-tab .serial-input-group .setup-btn:hover{background:#e2e8f0}.payment-settings-tab .serial-input-group .serial-field{flex:1;height:48px;border:none;outline:none;background:#fff;padding:0 15px;text-align:left;font-weight:700;color:#1e293b;direction:ltr}.inventory-settings-tab{padding:0 50px}.inventory-settings-tab .setting-block{padding:30px 0;border-bottom:1px dashed #e2e8f0;display:flex;flex-direction:column;align-items:flex-start}.inventory-settings-tab .setting-block.no-border{border-bottom:none}.inventory-settings-tab .setting-block .block-title{font-size:16px;font-weight:800;color:#1e293b;margin-bottom:18px;text-align:right;width:100%}.inventory-settings-tab .setting-block .input-group{width:100%;display:flex;flex-direction:column;gap:10px}.inventory-settings-tab .setting-block .block-hint{font-size:13px;color:#94a3b8;line-height:1.7;margin-top:12px;text-align:right;width:100%}.inventory-settings-tab .radio-cards-group{width:100%;display:flex;flex-direction:column;border:1px solid #e2e8f0;background-color:#fff}.inventory-settings-tab .radio-cards-group .radio-card-item{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease-in-out;position:relative}.inventory-settings-tab .radio-cards-group .radio-card-item:last-child{border-bottom:none}.inventory-settings-tab .radio-cards-group .radio-card-item .radio-content{text-align:right;padding-left:20px}.inventory-settings-tab .radio-cards-group .radio-card-item .radio-content strong{display:block;font-size:15px;color:#1e293b;margin-bottom:6px}.inventory-settings-tab .radio-cards-group .radio-card-item .radio-content .sub-text{font-size:13px;color:#94a3b8;line-height:1.6}.inventory-settings-tab .radio-cards-group .radio-card-item .custom-radio-circle{width:22px;height:22px;border:2px solid #cbd5e1;border-radius:50%!important;display:flex;align-items:center;justify-content:center;flex-shrink:0}.inventory-settings-tab .radio-cards-group .radio-card-item .custom-radio-circle:after{content:"";width:11px;height:11px;background:#2471be;border-radius:50%!important;transform:scale(0);transition:transform .2s ease}.inventory-settings-tab .radio-cards-group .radio-card-item.active{background-color:#f0f7ff;z-index:5;box-shadow:0 0 0 1px #2471be;border-bottom-color:transparent}.inventory-settings-tab .radio-cards-group .radio-card-item.active .custom-radio-circle{border-color:#2471be}.inventory-settings-tab .radio-cards-group .radio-card-item.active .custom-radio-circle:after{transform:scale(1)}.accounting-settings-tab{padding:0 50px}.accounting-settings-tab .accounting-setting-row{padding:30px 0;display:flex;flex-direction:column;align-items:flex-start}.accounting-settings-tab .accounting-setting-row.no-border{border-bottom:none}.accounting-settings-tab .accounting-setting-row .setting-title{font-size:16px;font-weight:800;color:#1e293b;margin-bottom:18px;text-align:right;width:100%}.accounting-settings-tab .accounting-setting-row .setting-description{font-size:13.5px;color:#94a3b8;line-height:1.7;margin-top:12px;text-align:right;width:100%}.accounting-settings-tab .toggle-card-container{width:100%;height:52px;border:1px solid #e2e8f0;display:flex;align-items:center;padding:0 20px;background-color:#fff}.accounting-settings-tab .toggle-card-container .toggle-action-area{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%}.accounting-settings-tab .toggle-card-container .toggle-action-area .status-label{font-size:14px;font-weight:700;color:#64748b}.accounting-settings-tab .toggle-card-container .toggle-action-area .status-label.active{color:#1e293b}.accounting-settings-tab .template-editor-section{width:100%;margin-top:30px}.accounting-settings-tab .template-editor-section .sub-title{font-size:15px;font-weight:700;color:#1e293b;margin-bottom:15px;text-align:right}.accounting-settings-tab .template-editor-section .editor-wrapper{display:flex;width:100%;border:1px solid #e2e8f0;background:#fff}.accounting-settings-tab .template-editor-section .editor-wrapper .variables-guide-btn{display:flex;align-items:center;gap:8px;background-color:#f1f5f9;border:none;border-left:1px solid #e2e8f0;padding:0 20px;color:#475569;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}.accounting-settings-tab .template-editor-section .editor-wrapper .variables-guide-btn:hover{background-color:#e2e8f0}.accounting-settings-tab .template-editor-section .editor-wrapper .description-textarea{flex:1;height:100px;padding:15px;border:none;outline:none;resize:none;font-size:14px;color:#1e293b;text-align:right;font-family:inherit}.accounting-settings-tab .template-editor-section .editor-hint{font-size:13px;color:#898f96;line-height:1.6;margin-top:15px;text-align:right}.accounting-settings-tab .custom-ios-toggle{width:44px;height:22px;background-color:#cbd5e1;border-radius:20px!important;position:relative;cursor:pointer;transition:background-color .3s}.accounting-settings-tab .custom-ios-toggle .handle{position:absolute;top:2px;right:2px;width:18px;height:18px;background-color:#fff;border-radius:50%!important;transition:transform .3s ease}.accounting-settings-tab .custom-ios-toggle.checked{background-color:var(--save_color)}.accounting-settings-tab .custom-ios-toggle.checked .handle{transform:translate(-22px)}.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: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:first-of-type{background-color:var(--save_color);border-color:var(--save_color)}.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)}}.client-profile-wrapper{margin-top:20px}.client-profile-wrapper .top-action-bar{margin-bottom:20px}.client-profile-wrapper .top-action-bar .buttons-group{display:flex;flex-wrap:wrap;gap:8px}.client-profile-wrapper .top-action-bar .action-btn{display:flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid #d1d5db;background:#fff;border-radius:4px;font-size:14px;white-space:nowrap;cursor:pointer;transition:all .3s;color:#000!important}.client-profile-wrapper .top-action-bar .action-btn:not(.dropdown-toggle):hover{background-color:var(--main_color);color:#fff!important;border-color:var(--main_color)}.client-profile-wrapper .top-action-bar .action-btn.dropdown-toggle{background:#f8fafc;position:relative}.client-profile-wrapper .top-action-bar .action-btn.dropdown-toggle .rotate{transform:rotate(180deg)}.client-profile-wrapper .top-action-bar .action-btn.dropdown-toggle svg{transition:transform .2s}.client-profile-wrapper .dropdown-container{position:relative}.client-profile-wrapper .dropdown-container .dropdown-menu{position:absolute;top:110%;right:0;background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 15px -3px #0000001a;border-radius:6px;z-index:1000;min-width:180px;padding:8px 0;list-style:none}.client-profile-wrapper .dropdown-container .dropdown-menu li{display:flex;align-items:center;gap:10px;padding:10px 15px;font-size:14px;color:#4b5563;cursor:pointer;transition:all .2s}.client-profile-wrapper .dropdown-container .dropdown-menu li .opt-icon{display:flex;align-items:center;color:#9ca3af}.client-profile-wrapper .dropdown-container .dropdown-menu li:hover{background-color:#eee;color:var(--main_color)}.client-profile-wrapper .dropdown-container .dropdown-menu li:hover .opt-icon{color:var(--main_color)}.client-profile-wrapper .dropdown-container .dropdown-menu li.delete-option:hover{background-color:#fef2f2;color:#dc2626}.client-profile-wrapper .dropdown-container .dropdown-menu li.delete-option:hover .opt-icon{color:#dc2626}.client-profile-wrapper .tabs-nav{border:1px solid #e2e8f0;border-bottom:none;background:#fff;border-radius:4px 4px 0 0;width:100%;display:block}.client-profile-wrapper .tabs-nav .tabs-scroll-container{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.client-profile-wrapper .tabs-nav .tabs-scroll-container::-webkit-scrollbar{display:none}.client-profile-wrapper .tabs-nav .tabs-scroll-container .tab-item{padding:12px 15px;font-size:14px;white-space:nowrap;flex-shrink:0;cursor:pointer;color:#64748b;border-bottom:3px solid transparent;transition:.2s}.client-profile-wrapper .tabs-nav .tabs-scroll-container .tab-item.active{color:#2563eb;border-bottom-color:#2563eb;text-shadow:.3px 0 0 currentColor}.client-profile-wrapper .tab-content-container{background:#fff;border:1px solid #e2e8f0;padding:25px;border-radius:0 0 4px 4px}@media(max-width:768px){.top-action-bar .buttons-group{justify-content:flex-start}}.add-note-client form{margin-top:25px}.add-note-client form .inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px}.add-note-client form .note{margin-top:15px}.add-note-client form .accordions-wrapper{direction:rtl;display:flex;flex-direction:column;gap:20px;margin:20px auto}.add-note-client form .accordions-wrapper .accordion-section{background:#fff;border:1px solid #e2e8f0;border-radius:4px;overflow:hidden}.add-note-client form .accordions-wrapper .accordion-section .accordion-header{background-color:#f8fafc;padding:12px 20px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-bottom:1px solid transparent;transition:all .3s ease}.add-note-client form .accordions-wrapper .accordion-section .accordion-header .title{display:flex;align-items:center;gap:10px;font-weight:600;color:#334155}.add-note-client form .accordions-wrapper .accordion-section .accordion-header .title .arrow-icon{transition:transform .3s ease}.add-note-client form .accordions-wrapper .accordion-section .accordion-header:hover{background-color:#f1f5f9}.add-note-client form .accordions-wrapper .accordion-section .accordion-content{max-height:0;opacity:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);padding:0 20px}.add-note-client form .accordions-wrapper .accordion-section.is-open .accordion-header{border-bottom-color:#e2e8f0}.add-note-client form .accordions-wrapper .accordion-section.is-open .accordion-header .arrow-icon{transform:rotate(180deg)}.add-note-client form .accordions-wrapper .accordion-section.is-open .accordion-content{max-height:1000px;opacity:1;padding:20px}.add-note-client form .accordions-wrapper .attachments-wrapper{display:flex;flex-direction:column;gap:15px;padding:10px}.add-note-client form .accordions-wrapper .attachments-wrapper .attachments-dropzone{border:2px dashed #e2e8f0;border-radius:8px;padding:40px;text-align:center;background:#fdfdfd;cursor:pointer;transition:all .2s ease}.add-note-client form .accordions-wrapper .attachments-wrapper .attachments-dropzone.dragging{border-color:var(--save_color);background-color:#ecfdf5;transform:scale(1.01)}.add-note-client form .accordions-wrapper .attachments-wrapper .attachments-dropzone:hover:not(.dragging){border-color:var(--main_color);background-color:#f8fafc}.add-note-client form .accordions-wrapper .attachments-wrapper .attachments-dropzone .dropzone-box{pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:15px}.add-note-client form .accordions-wrapper .attachments-wrapper .files-preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:10px}.add-note-client form .accordions-wrapper .attachments-wrapper .files-preview-container .file-item{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:#f1f5f9;border-radius:6px;border:1px solid #e2e8f0;gap:10px}.add-note-client form .accordions-wrapper .attachments-wrapper .files-preview-container .file-item .file-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.add-note-client form .accordions-wrapper .attachments-wrapper .files-preview-container .file-item .file-info .file-text-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0}.add-note-client form .accordions-wrapper .attachments-wrapper .files-preview-container .file-item .file-info .file-text-wrapper .file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;font-size:13px}.add-note-client form .accordions-wrapper .attachments-wrapper .files-preview-container .file-item .file-info .file-text-wrapper .file-size{color:#94a3b8;font-size:11px;margin-right:10px;white-space:nowrap}.add-note-client form .accordions-wrapper .attachments-wrapper .files-preview-container .file-item .remove-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:50%;flex-shrink:0}.add-note-client form .accordions-wrapper .attachments-wrapper .files-preview-container .file-item .remove-btn:hover{background:#fee2e2}.add-note-client form .accordions-wrapper .appointment-form-container{min-height:150px;width:100%}.list-of-actions .content{max-width:500px;width:calc(100% - 25px);height:80vh}.list-of-actions .content .edit-actions-container{display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100% - 60px)}.list-of-actions .content .edit-actions-container .actions-list{padding-block:20px;display:flex;flex-direction:column;gap:12px}.list-of-actions .content .edit-actions-container .actions-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;color:#94a3b8;gap:10px}.list-of-actions .content .edit-actions-container .actions-list .empty-state p{font-size:14px;font-weight:500}.list-of-actions .content .edit-actions-container .actions-list .action-row{display:flex;align-items:center;gap:10px}.list-of-actions .content .edit-actions-container .actions-list .action-row .action-name-input{flex:1;padding:10px;border:1px solid #cbd5e1;border-radius:4px;font-size:14px;outline:none;transition:all .3s}.list-of-actions .content .edit-actions-container .actions-list .action-row .action-name-input:focus{border-color:var(--main_color)}.list-of-actions .content .edit-actions-container .actions-list .action-row .delete-icon-btn{background:#f1f5f9;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;transition:all .2s}.list-of-actions .content .edit-actions-container .actions-list .action-row .delete-icon-btn:hover{background:#fee2e2;color:#ef4444}.list-of-actions .content .edit-actions-container .actions-list .add-new-action-btn{display:flex;align-items:center;align-self:flex-start;gap:8px;background:transparent;border:none;color:#1e293b;font-weight:600;cursor:pointer;padding:10px 0;margin-top:5px}.list-of-actions .content .edit-actions-container .actions-list .add-new-action-btn:hover{color:var(--main_color)}.list-of-actions .content .edit-actions-container .popup-footer{background-color:#f1f5f9;padding:15px 20px;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:flex-start;gap:10px}.list-of-actions .content .edit-actions-container .popup-footer button{padding:8px 25px;border-radius:4px;font-weight:500;cursor:pointer;border:none}.list-of-actions .content .edit-actions-container .popup-footer .save-btn{background-color:var(--save_color);color:#fff}.list-of-actions .content .edit-actions-container .popup-footer .save-btn:hover{background-color:#059669}.list-of-actions .content .edit-actions-container .popup-footer .cancel-btn{background-color:#dbeafe;color:#2563eb}.list-of-actions .content .edit-actions-container .popup-footer .cancel-btn:hover{background-color:#bfdbfe}.opening-balance .content{width:500px;height:400px}.opening-balance .content form{display:flex;flex-direction:column;gap:10px}.opening-balance .content form button{background-color:var(--save_color);margin-top:10px;width:fit-content;margin-inline:auto}.run-command .content{width:calc(100% - 350px);height:calc(100% - 50px)}.run-command .content .work-order-form .simple-layout{padding:10px;display:flex;flex-direction:column;gap:20px}.run-command .content .work-order-form .simple-layout .form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.run-command .content .work-order-form .simple-layout .form-grid-3{display:grid;grid-template-columns:1.5fr 1.5fr 1fr;gap:20px;align-items:flex-start}.run-command .content .work-order-form .simple-layout .input-with-btn{display:flex;gap:8px}.run-command .content .work-order-form .simple-layout .input-with-btn>div{flex:1}.run-command .content .work-order-form .simple-layout .required{color:#ef4444;margin-right:4px}.run-command .content .work-order-form .simple-layout .checkbox-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.run-command .content .work-order-form .simple-layout .checkbox-item input{cursor:pointer}.run-command .content .work-order-form .simple-layout .form-actions-footer{margin-top:20px;padding-top:20px;border-top:1px solid #eee;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center}.run-command .content .work-order-form .simple-layout .form-actions-footer .save-btn{background:var(--save_color);color:#fff;border:none;padding:10px 30px;border-radius:8px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer}.run-command .content .work-order-form .simple-layout .form-actions-footer .save-btn:hover{opacity:.9}.run-command .content .work-order-form .simple-layout .form-actions-footer .draft-btn{background:var(--gray_color);color:#475569;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer}.run-command .content .work-order-form .simple-layout .form-actions-footer .draft-btn:hover{background:#e2e8f0}.details-tab{display:flex;flex-direction:column;gap:20px}.details-tab .no-radius{border-radius:0!important}.details-tab .client-identity-card{display:flex;align-items:center;gap:15px;padding:20px;background:linear-gradient(to left,#f8fafc,#fff);border:1px solid #e2e8f0}.details-tab .client-identity-card .client-icon-avatar{width:65px;height:65px;background:#f1f5f9;color:var(--main_color);display:flex;align-items:center;justify-content:center;border:1px solid var(--border_color)}.details-tab .client-identity-card .client-info h3{font-size:19px;margin-bottom:8px;color:#1e293b;font-weight:700}.details-tab .client-identity-card .client-info .tags{display:flex;gap:8px}.details-tab .client-identity-card .client-info .tags .badge{padding:2px 10px;font-size:11px;font-weight:700;border:1px solid #e2e8f0}.details-tab .client-identity-card .client-info .tags .badge.currency{background:#f1f5f9;color:#475569}.details-tab .client-identity-card .client-info .tags .badge.country{background:#fff;color:#64748b}.details-tab .client-identity-card .client-info .tags .badge.status.active{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.details-tab .details-section-card{border:1px solid var(--border_color);background:#fff}.details-tab .details-section-card .section-header{background:#f8fafc;padding:8px 15px;font-size:13px;font-weight:700;color:#64748b;border-bottom:1px solid var(--border_color)}.details-tab .details-section-card .quick-info-flex{display:flex;flex-wrap:wrap;padding:15px;gap:15px}.details-tab .details-section-card .quick-info-flex .info-stat-card{flex:1;min-width:180px;padding:12px;background:#fdfdfd;border:1px solid #f1f5f9;display:flex;flex-direction:column;gap:8px}.details-tab .details-section-card .quick-info-flex .info-stat-card.wide{flex:1.5}.details-tab .details-section-card .quick-info-flex .info-stat-card .label{font-size:14px;color:#94a3b8;font-weight:600}.details-tab .details-section-card .quick-info-flex .info-stat-card .value-wrap{display:flex;align-items:center;justify-content:space-between}.details-tab .details-section-card .quick-info-flex .info-stat-card .value-wrap .count{font-size:17px;font-weight:800}.details-tab .details-section-card .quick-info-flex .info-stat-card .value-wrap .amount,.details-tab .details-section-card .quick-info-flex .info-stat-card .value-wrap .ref{font-size:17px;font-weight:700}.details-tab .details-section-card .quick-info-flex .info-stat-card .value-wrap .btn-link{font-size:14px;color:var(--main_color);cursor:pointer;background:none;border:none;text-decoration:underline}.details-tab .details-section-card .account-summary-table table{width:100%;border-collapse:collapse}.details-tab .details-section-card .account-summary-table table th{font-size:14px;color:#94a3b8;padding:12px}.details-tab .details-section-card .account-summary-table table td{font-size:16px;font-weight:600;padding:15px;text-align:center}.details-tab .details-section-card .account-summary-table table td.highlight-due{background:#f0f7ff;color:var(--main_color);font-weight:800}.details-tab .details-section-card .account-summary-table table td.text-danger{color:#ef4444}.notes-attachments-tab{padding:24px;background:#f8fafc}.notes-attachments-tab .no-radius{border-radius:0!important}.notes-attachments-tab .top-filter-bar{background:#fff;padding:15px;border:1px solid var(--border_color);margin-bottom:30px;display:flex}.notes-attachments-tab .top-filter-bar .search-wrapper{position:relative;width:300px}.notes-attachments-tab .top-filter-bar .search-wrapper .search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.notes-attachments-tab .top-filter-bar .search-wrapper input{width:100%;padding:10px 40px 10px 15px;border:1px solid var(--border_color);font-size:15px;outline:none}.notes-attachments-tab .top-filter-bar .search-wrapper input:focus{border-color:var(--main_color)}.notes-attachments-tab .timeline-section .timeline-header{margin-bottom:25px;display:flex}.notes-attachments-tab .timeline-section .timeline-header .month-label{background:var(--main_color);color:#fff;padding:10px 25px;font-size:16px;font-weight:700}.notes-attachments-tab .timeline-section .timeline-body .timeline-entry{display:flex;gap:25px}.notes-attachments-tab .timeline-section .timeline-body .timeline-entry .timeline-visual{display:flex;flex-direction:column;align-items:center;width:20px}.notes-attachments-tab .timeline-section .timeline-body .timeline-entry .timeline-visual .marker-dot{width:14px;height:14px;background:var(--save_color);border-radius:50%;z-index:2}.notes-attachments-tab .timeline-section .timeline-body .timeline-entry .timeline-visual .marker-line{width:2px;background:var(--border_color);flex:1}.notes-attachments-tab .timeline-section .timeline-body .timeline-entry .note-display-card{flex:1;background:#fff;border:1px solid var(--border_color);margin-bottom:35px}.notes-attachments-tab .timeline-section .timeline-body .timeline-entry .note-display-card .note-top-bar{display:flex;justify-content:space-between;padding:12px 20px;background:#fdfdfd;border-bottom:1px solid var(--border_color)}.notes-attachments-tab .timeline-section .timeline-body .timeline-entry .note-display-card .note-top-bar .user-info,.notes-attachments-tab .timeline-section .timeline-body .timeline-entry .note-display-card .note-top-bar .time-info{display:flex;align-items:center;gap:10px;font-size:14px}.notes-attachments-tab .timeline-section .timeline-body .timeline-entry .note-display-card .note-top-bar .featured-tag{background:var(--save_color);color:#fff;padding:3px 10px;font-size:12px;font-weight:700}.notes-attachments-tab .timeline-section .timeline-body .timeline-entry .note-display-card .note-top-bar .user-name{color:var(--main_color);font-weight:800}.notes-attachments-tab .timeline-section .timeline-body .timeline-entry .note-display-card .note-body-inline{display:flex;justify-content:space-between;align-items:center;padding:25px 20px;gap:30px}.notes-attachments-tab .timeline-section .timeline-body .timeline-entry .note-display-card .note-body-inline .note-text{font-size:16px;line-height:1.6;color:var(--third_color);margin:0;flex:1}.notes-attachments-tab .timeline-section .timeline-body .timeline-entry .note-display-card .note-body-inline .side-actions{display:flex;gap:20px;border-right:1px solid var(--border_color);padding-right:20px}.notes-attachments-tab .timeline-section .timeline-body .timeline-entry .note-display-card .note-body-inline .side-actions .action-link{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;white-space:nowrap}.notes-attachments-tab .timeline-section .timeline-body .timeline-entry .note-display-card .note-body-inline .side-actions .action-link.edit{color:var(--main_color)}.notes-attachments-tab .timeline-section .timeline-body .timeline-entry .note-display-card .note-body-inline .side-actions .action-link.delete{color:#ef4444}.notes-attachments-tab .timeline-section .timeline-body .timeline-entry:last-child .marker-line{background:transparent}.appointments-tab{padding:24px;background:#f8fafc}.appointments-tab .top-filter-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 20px;border:1px solid var(--border_color);margin-bottom:25px}.appointments-tab .top-filter-bar .add-appointment-btn{background:var(--main_color);color:#fff;border:none;padding:10px 24px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.2s}.appointments-tab .top-filter-bar .add-appointment-btn:hover{opacity:.9}.appointments-tab .top-filter-bar .search-wrapper{position:relative;width:320px}.appointments-tab .top-filter-bar .search-wrapper input{width:100%;padding:10px 15px 10px 40px;border:1px solid #cbd5e1;font-size:14px;font-family:inherit;color:var(--third_color);outline:none;transition:border-color .2s}.appointments-tab .top-filter-bar .search-wrapper input:focus{border-color:var(--main_color)}.appointments-tab .top-filter-bar .search-wrapper input::placeholder{color:#94a3b8}.appointments-tab .top-filter-bar .search-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.appointments-tab .appointments-list{display:flex;flex-direction:column;gap:15px}.appointments-tab .appointments-list .appointment-card{display:flex;background:#fff;border:1px solid var(--border_color);border-right:4px solid #cbd5e1}.appointments-tab .appointments-list .appointment-card.incoming{border-right-color:var(--main_color)}.appointments-tab .appointments-list .appointment-card.completed{border-right-color:var(--save_color);opacity:.8}.appointments-tab .appointments-list .appointment-card .app-date-box{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid #f1f5f9;min-width:100px}.appointments-tab .appointments-list .appointment-card .app-date-box .day{font-size:24px;font-weight:800;color:var(--secondry_color)}.appointments-tab .appointments-list .appointment-card .app-date-box .month{font-size:14px;color:#64748b}.appointments-tab .appointments-list .appointment-card .app-details{flex:1;padding:20px}.appointments-tab .appointments-list .appointment-card .app-details .app-header{display:flex;gap:15px;margin-bottom:10px;align-items:center}.appointments-tab .appointments-list .appointment-card .app-details .app-header .app-type{background:#f1f5f9;padding:2px 10px;font-size:12px;font-weight:700}.appointments-tab .appointments-list .appointment-card .app-details .app-header .app-time{font-size:13px;color:#64748b;display:flex;align-items:center;gap:5px}.appointments-tab .appointments-list .appointment-card .app-details .app-title{font-size:16px;font-weight:700;color:var(--secondry_color);margin-bottom:5px}.appointments-tab .appointments-list .appointment-card .app-details .app-desc{font-size:14px;color:#64748b;margin:0}.appointments-tab .appointments-list .appointment-card .app-actions{padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.appointments-tab .appointments-list .appointment-card .app-actions .status-badge{font-size:11px;font-weight:800;padding:3px 12px}.appointments-tab .appointments-list .appointment-card .app-actions .status-badge.incoming{background:#e0f2fe;color:var(--main_color)}.appointments-tab .appointments-list .appointment-card .app-actions .status-badge.completed{background:#dcfce7;color:var(--save_color)}.appointments-tab .appointments-list .appointment-card .app-actions .action-btns{display:flex;gap:10px}.appointments-tab .appointments-list .appointment-card .app-actions .action-btns button{background:none;border:none;cursor:pointer;color:#94a3b8}.appointments-tab .appointments-list .appointment-card .app-actions .action-btns button:hover.edit{color:var(--main_color)}.appointments-tab .appointments-list .appointment-card .app-actions .action-btns button:hover.delete{color:#ef4444}.invoices-tab{padding:30px;background:#f8fafc;direction:rtl;font-family:Almarai,sans-serif}.invoices-tab .no-radius{border-radius:0!important}.invoices-tab .section-title-wrap{margin-bottom:25px}.invoices-tab .section-title-wrap h3{font-size:16px;font-weight:700;color:var(--secondry_color);text-align:right}.invoices-tab .invoices-container{display:flex;flex-direction:column;gap:15px}.invoices-tab .invoices-container .invoice-item-row{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:20px 25px;border:1px solid var(--border_color)}.invoices-tab .invoices-container .invoice-item-row .invoice-ref-section{flex:1.5;text-align:right}.invoices-tab .invoices-container .invoice-item-row .invoice-ref-section .ref-id{font-size:15px;font-weight:700;color:var(--main_color);margin-bottom:4px}.invoices-tab .invoices-container .invoice-item-row .invoice-ref-section .user-detail,.invoices-tab .invoices-container .invoice-item-row .invoice-ref-section .creator-detail{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8;margin-top:4px}.invoices-tab .invoices-container .invoice-item-row .print-info-section{flex:1;text-align:center}.invoices-tab .invoices-container .invoice-item-row .print-info-section .print-status{font-size:14px;color:#475569}.invoices-tab .invoices-container .invoice-item-row .print-info-section .date-time{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#94a3b8;margin-top:5px}.invoices-tab .invoices-container .invoice-item-row .e-invoice-section{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.invoices-tab .invoices-container .invoice-item-row .e-invoice-section .label-text{font-size:13px;color:#64748b}.invoices-tab .invoices-container .invoice-item-row .e-invoice-section .e-badge{background:#334155;color:#fff;padding:3px 10px;font-size:12px}.invoices-tab .invoices-container .invoice-item-row .amount-section{flex:1;text-align:center}.invoices-tab .invoices-container .invoice-item-row .amount-section .price-tag{font-size:16px;font-weight:700;color:var(--secondry_color)}.invoices-tab .invoices-container .invoice-item-row .amount-section .status-label{display:inline-block;font-size:12px;padding:2px 10px;margin-top:5px}.invoices-tab .invoices-container .invoice-item-row .amount-section .status-label.paid{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.invoices-tab .invoices-container .invoice-item-row .invoice-actions-dropdown{position:relative;flex:.5;display:flex;justify-content:flex-end}.invoices-tab .invoices-container .invoice-item-row .invoice-actions-dropdown .trigger-btn{background:#f1f5f9;border:1px solid #e2e8f0;padding:8px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center}.invoices-tab .invoices-container .invoice-item-row .invoice-actions-dropdown .actions-menu-list{position:absolute;left:0;width:200px;background:#fff;border:1px solid var(--border_color);box-shadow:0 10px 30px #0000001a;z-index:100}.invoices-tab .invoices-container .invoice-item-row .invoice-actions-dropdown .actions-menu-list.bottom{top:110%;animation:fadeInDown .2s ease-out}.invoices-tab .invoices-container .invoice-item-row .invoice-actions-dropdown .actions-menu-list.top{bottom:110%;top:auto;animation:fadeInUp .2s ease-out}.invoices-tab .invoices-container .invoice-item-row .invoice-actions-dropdown .actions-menu-list .menu-item{display:flex;align-items:center;gap:12px;padding:10px 15px;cursor:pointer;border-bottom:1px solid #f8fafc;transition:background .15s ease}.invoices-tab .invoices-container .invoice-item-row .invoice-actions-dropdown .actions-menu-list .menu-item:last-child{border-bottom:none}.invoices-tab .invoices-container .invoice-item-row .invoice-actions-dropdown .actions-menu-list .menu-item:hover{background:#f8fafc}.invoices-tab .invoices-container .invoice-item-row .invoice-actions-dropdown .actions-menu-list .menu-item:hover .text-box{color:var(--main_color)}.invoices-tab .invoices-container .invoice-item-row .invoice-actions-dropdown .actions-menu-list .menu-item .text-box{font-size:14px;flex:1;text-align:right;color:var(--third_color)}.invoices-tab .invoices-container .invoice-item-row .invoice-actions-dropdown .actions-menu-list .menu-item .icon-box{display:flex;align-items:center;min-width:20px;justify-content:center}.payments-tab{padding:30px;background:#f8fafc}.payments-tab .payments-container{display:flex;flex-direction:column;gap:15px}.payments-tab .payments-container .payment-item-row{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:20px 25px;border:1px solid var(--border_color)}.payments-tab .payments-container .payment-item-row.no-radius{border-radius:0}.payments-tab .payments-container .payment-item-row .payment-info-side{flex:2;text-align:right}.payments-tab .payments-container .payment-item-row .payment-info-side .pay-id{font-size:16px;font-weight:700;color:var(--secondry_color);margin-bottom:6px}.payments-tab .payments-container .payment-item-row .payment-info-side .pay-ref{font-size:14px;color:#94a3b8;margin-bottom:10px}.payments-tab .payments-container .payment-item-row .payment-info-side .pay-meta{display:flex;gap:20px;font-size:14px;color:#64748b}.payments-tab .payments-container .payment-item-row .payment-info-side .pay-meta span{display:flex;align-items:center;gap:8px}.payments-tab .payments-container .payment-item-row .payment-amount-side{flex:1;text-align:center}.payments-tab .payments-container .payment-item-row .payment-amount-side .amount-val{font-size:16px;font-weight:700;color:var(--secondry_color);margin-bottom:8px}.payments-tab .payments-container .payment-item-row .payment-amount-side .status-wrap{display:flex;justify-content:center}.payments-tab .payments-container .payment-item-row .payment-amount-side .status-wrap .status-badge.completed{background:var(--save_color);color:#fff;padding:3px 12px;font-size:12px;font-weight:700;display:inline-block}.payments-tab .payments-container .payment-item-row .payment-actions-dropdown{position:relative;flex:.5;display:flex;justify-content:flex-end}.payments-tab .payments-container .payment-item-row .payment-actions-dropdown .trigger-btn{background:#f1f5f9;border:1px solid #e2e8f0;padding:9px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center}.payments-tab .payments-container .payment-item-row .payment-actions-dropdown .trigger-btn:hover{background:#e2e8f0}.payments-tab .payments-container .payment-item-row .payment-actions-dropdown .actions-menu-list{position:absolute;left:0;top:auto;bottom:auto;width:210px;background:#fff;border:1px solid var(--border_color);box-shadow:0 12px 35px #00000026;z-index:100;padding:5px 0}.payments-tab .payments-container .payment-item-row .payment-actions-dropdown .actions-menu-list.bottom{top:110%;animation:fadeInDown .2s ease-out}.payments-tab .payments-container .payment-item-row .payment-actions-dropdown .actions-menu-list.top{bottom:110%;animation:fadeInUp .2s ease-out}.payments-tab .payments-container .payment-item-row .payment-actions-dropdown .actions-menu-list .menu-item{display:flex;align-items:center;gap:5px;padding:8px 15px;cursor:pointer;border-bottom:1px solid #f8fafc}.payments-tab .payments-container .payment-item-row .payment-actions-dropdown .actions-menu-list .menu-item:last-child{border-bottom:none}.payments-tab .payments-container .payment-item-row .payment-actions-dropdown .actions-menu-list .menu-item:hover{background:#f8fafc}.payments-tab .payments-container .payment-item-row .payment-actions-dropdown .actions-menu-list .menu-item:hover .text-box{color:var(--main_color)}.payments-tab .payments-container .payment-item-row .payment-actions-dropdown .actions-menu-list .menu-item .text-box{font-size:15px;flex:1;text-align:right;color:var(--third_color)}.payments-tab .payments-container .payment-item-row .payment-actions-dropdown .actions-menu-list .menu-item .icon-box{display:flex;align-items:center;min-width:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.clients-settings .main-control-wrapper{margin-top:30px}.clients-settings .main-control-wrapper .smart-tabs-bar{display:flex;align-items:center;background:#fff;border:1px solid #e0e2e4;gap:5px}.clients-settings .main-control-wrapper .smart-tabs-bar .tab-item{display:flex;align-items:center;gap:10px;padding:15px 25px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;color:#64748b;transition:all .2s ease-in-out}.clients-settings .main-control-wrapper .smart-tabs-bar .tab-item span{font-size:15px;font-weight:700}.clients-settings .main-control-wrapper .smart-tabs-bar .tab-item svg{color:#94a3b8;transition:color .2s}.clients-settings .main-control-wrapper .smart-tabs-bar .tab-item.is-active{color:#2471be;border-bottom-color:#2471be;background:#f8fafc}.clients-settings .main-control-wrapper .smart-tabs-bar .tab-item.is-active svg{color:#2471be}.clients-settings .main-control-wrapper .smart-tabs-bar .tab-item:hover:not(.is-active){color:#2471be;background:#fcfdfe}.clients-settings .main-control-wrapper .smart-tabs-bar .tab-item:hover:not(.is-active) svg{color:#2471be}.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}.special-settings-view{display:flex;flex-direction:column;gap:30px}.special-settings-view .card-header-info{padding:0 0 18px;display:flex;flex-direction:column;gap:5px}.special-settings-view .setting-block .block-label{display:block;margin-bottom:10px;font-weight:700}.special-settings-view .ios-toggle{width:48px;height:24px;background:#cbd5e1;border-radius:30px!important;position:relative;cursor:pointer;transition:.3s}.special-settings-view .ios-toggle .handle{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%!important;transition:.3s}.special-settings-view .radio-option{display:flex;gap:20px;padding:20px;border:1px solid #e2e8f0;margin-bottom:12px;cursor:pointer}.special-settings-view .radio-option.active{border-color:#2471be;background:#f0f7ff}.special-settings-view .radio-option .radio-circle{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:50%!important;display:flex;align-items:center;justify-content:center;margin-top:4px}.special-settings-view .radio-option .radio-circle .inner-dot{width:10px;height:10px;background:#2471be;border-radius:50%!important}.special-settings-view .radio-option .option-txt strong{font-size:16px;color:#334155;display:block;margin-bottom:6px}.special-settings-view .radio-option .option-txt p{font-size:13px;color:#94a3b8;line-height:1.6}.special-settings-view .serial-config-box{display:flex;justify-content:space-between;align-items:flex-end;margin-top:30px}.special-settings-view .serial-config-box .field-info{line-height:1.8}.special-settings-view .serial-config-box .input-with-action{display:flex}.special-settings-view .serial-config-box .input-with-action input{width:180px;padding:12px;border:1px solid #e2e8f0;border-right:none;background:#f8fafc;text-align:center;font-weight:700}.special-settings-view .serial-config-box .input-with-action .action-btn{background:#f1f5f9;border:1px solid #e2e8f0;padding:0 15px;display:flex;align-items:center;gap:8px;font-weight:700;cursor:pointer}.special-settings-view .switch-row{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid #f1f5f9;margin-bottom:-1px}.special-settings-view .switch-row .row-info strong{font-size:15px;color:#475569}.special-settings-view .switch-row .row-info p{font-size:13px;color:#94a3b8;margin-top:5px}.special-settings-view .ios-toggle{width:50px;height:26px;background:#cbd5e1;border-radius:30px!important;position:relative;cursor:pointer}.special-settings-view .ios-toggle .handle{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%!important;transition:.3s}.special-settings-view .ios-toggle.on{background:#10b981}.special-settings-view .ios-toggle.on .handle{left:27px}.special-settings-view .helper-text{font-size:13px;color:#2471be;margin-top:15px;font-weight:600}.special-settings-view .messaging-card{transition:all .3s ease;border:1px solid #e2e8f0;background:#fff;position:relative}.special-settings-view .messaging-card .header-flex{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 20px 0}.special-settings-view .messaging-card .header-flex .text-side{line-height:1.7}.special-settings-view .messaging-card .header-flex .toggle-wrapper{display:flex;align-items:center;gap:15px;background:#f8fafc;padding:8px 15px;border:1px solid #e2e8f0}.special-settings-view .messaging-card .header-flex .toggle-wrapper .status-text{font-size:13px;font-weight:700;color:#94a3b8}.special-settings-view .messaging-card .header-flex .toggle-wrapper .status-text.active{color:#10b981}.special-settings-view .messaging-card .messaging-body{position:relative;padding:20px;background:#fcfcfc;border:1px solid #f1f5f9}.special-settings-view .messaging-card .messaging-body .config-row{display:flex;justify-content:space-between;align-items:center;gap:40px}.special-settings-view .messaging-card .messaging-body .config-row .info-box{flex:1}.special-settings-view .messaging-card .messaging-body .config-row .info-box strong{display:block;font-size:15px;color:#334155}.special-settings-view .messaging-card .messaging-body .config-row .info-box p{font-size:13px;color:#64748b;line-height:1.6}.special-settings-view .messaging-card .messaging-body .config-row .info-box p code{background:#fff;padding:2px 6px;color:#2471be;font-weight:700}.special-settings-view .messaging-card .messaging-body .config-row .manage-platforms-btn{background:#f1f5f9;border:1px solid #cbd5e1;padding:12px 25px;display:flex;align-items:center;gap:10px;font-weight:700;color:#475569;cursor:pointer;transition:.2s;white-space:nowrap}.special-settings-view .messaging-card .messaging-body .config-row .manage-platforms-btn:hover:not(:disabled){background:#2471be;color:#fff;border-color:#2471be}.special-settings-view .messaging-card .messaging-body .config-row .manage-platforms-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.special-settings-view .messaging-card.is-disabled .messaging-body{opacity:.6;background:#f9f9f9}.special-settings-view .messaging-card.is-active{border-color:#2471be;box-shadow:0 4px 12px #2471be0d}.special-settings-view .messaging-card.is-active .messaging-body{background:#f0f9ff;border-color:#bee3f8}.appointments .table{margin-top:20px}.form-appointment .form form .inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.form-appointment .form form .inputs:last-of-type .toggle{display:flex;align-items:center;gap:3px}.form-appointment .form form .notes{margin-top:15px}.form-appointment .form form .checks{display:flex;flex-direction:column;gap:15px;margin-top:15px;max-width:500px;width:100%}.form-appointment .form form .checks .toggle-group .details-box{padding-block:7px}.customer-relations .table{margin-top:20px}.client-crm-wrapper .client-top-profile-card{background:#fff;border:1px solid #e2e8f0;padding:25px 35px;margin-bottom:25px}.client-crm-wrapper .client-top-profile-card .profile-inner{display:flex;justify-content:flex-start;align-items:center;gap:25px}.client-crm-wrapper .client-top-profile-card .profile-inner .client-main-data h2{font-size:20px;font-weight:700;color:#1e293b;margin:0}.client-crm-wrapper .client-top-profile-card .profile-inner .client-main-data .badges-row{display:flex;gap:10px;margin-top:10px;justify-content:flex-start}.client-crm-wrapper .client-top-profile-card .profile-inner .client-main-data .badges-row .badge-item{font-size:13px;padding:3px 12px;font-weight:600}.client-crm-wrapper .client-top-profile-card .profile-inner .client-main-data .badges-row .badge-item.gray{background:#f1f5f9;color:#64748b}.client-crm-wrapper .client-top-profile-card .profile-inner .client-main-data .badges-row .badge-item.green{background:#dcfce7;color:#15803d}.client-crm-wrapper .client-top-profile-card .profile-inner .client-avatar-frame{width:75px;height:75px;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#2471be}.client-crm-wrapper .tabs-content-section{background:#fff;border:1px solid #e2e8f0}.client-crm-wrapper .tabs-content-section .main-tabs-bar{display:flex;border-bottom:1px solid #e2e8f0}.client-crm-wrapper .tabs-content-section .main-tabs-bar .tab-link{padding:18px 25px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;font-weight:700;color:#64748b;transition:.2s}.client-crm-wrapper .tabs-content-section .main-tabs-bar .tab-link.active{color:#2471be;border-bottom-color:#2471be}.client-crm-wrapper .tabs-content-section .main-tabs-bar .tab-link:hover:not(.active){color:#2471be}.client-crm-wrapper .tabs-content-section .main-tabs-bar .tab-link span{font-size:13px;margin-right:4px}.client-crm-wrapper .tabs-content-section .active-tab-body{padding:30px}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .quick-update-form{margin-bottom:40px}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .quick-update-form .form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .quick-update-form .input-group label{font-size:15px;font-weight:700;color:#64748b}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .quick-update-form .input-group .relative-input{position:relative}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .quick-update-form .input-group .relative-input svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .quick-update-form .input-group.full-width{margin-top:10px}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .quick-update-form .form-actions{margin-top:20px;display:flex;justify-content:flex-end}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .quick-update-form .form-actions .btn-save-update{background:var(--main_color);color:#fff;border:none;padding:10px 30px;font-size:15px;font-weight:700;cursor:pointer}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .section-divider{border:none;border-top:1px solid #f1f5f9;margin-bottom:30px}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .timeline-history .timeline-entry{display:flex;gap:20px;margin-bottom:0}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .timeline-history .timeline-entry .visual-indicator{display:flex;flex-direction:column;align-items:center;width:20px}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .timeline-history .timeline-entry .visual-indicator .dot{width:12px;height:12px;background:#0d9488;border-radius:50%;margin-top:25px;z-index:2}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .timeline-history .timeline-entry .visual-indicator .line{width:2px;background:#e2e8f0;flex:1}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .timeline-history .timeline-entry .history-card{flex:1;border:1px solid #e2e8f0;margin-bottom:30px}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .timeline-history .timeline-entry .history-card .card-top{display:flex;justify-content:space-between;padding:10px 20px;background:#fdfdfd;border-bottom:1px solid #f1f5f9;font-size:14px}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .timeline-history .timeline-entry .history-card .card-top .user-meta,.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .timeline-history .timeline-entry .history-card .card-top .time-meta{display:flex;align-items:center;gap:8px;color:#94a3b8}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .timeline-history .timeline-entry .history-card .card-top .badge-featured{background:#0d9488;color:#fff;padding:2px 8px;font-size:11px;font-weight:700}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .timeline-history .timeline-entry .history-card .card-top .user-name{color:#2471be;font-weight:700}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .timeline-history .timeline-entry .history-card .card-body-inline{display:flex;justify-content:space-between;align-items:center;padding:20px;gap:30px}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .timeline-history .timeline-entry .history-card .card-body-inline p{font-size:16px;line-height:1.6;color:#1e293b;margin:0;flex:1}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .timeline-history .timeline-entry .history-card .card-body-inline .side-btns{display:flex;gap:15px;border-right:1px solid #f1f5f9;padding-right:20px}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .timeline-history .timeline-entry .history-card .card-body-inline .side-btns button{background:none;border:none;cursor:pointer;font-size:14px;font-weight:700}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .timeline-history .timeline-entry .history-card .card-body-inline .side-btns button.edit-btn{color:#2471be}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .timeline-history .timeline-entry .history-card .card-body-inline .side-btns button.delete-btn{color:#ef4444}.client-crm-wrapper .tabs-content-section .active-tab-body .tab-view .timeline-history .timeline-entry:last-child .line{display:none}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area{display:flex;flex-direction:column}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;background:#fff;border-bottom:1px solid #f1f5f9;transition:background .2s ease}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item:hover{background:#f8fafc}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .ref-col{flex:2;text-align:right}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .ref-col .ref-id{font-size:15px;font-weight:700;color:#1e293b;margin-bottom:5px}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .ref-col .user-info,.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .ref-col .creator-info{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:14px;color:#94a3b8;margin-top:4px}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .ref-col .user-info strong,.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .ref-col .creator-info strong{color:#475569}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .print-col{flex:1.5;text-align:center}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .print-col .print-label{font-size:15px;font-weight:700;color:#475569;display:block}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .print-col .time-wrap{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#94a3b8;margin-top:5px}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .e-status-col{flex:1.5;text-align:center}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .e-status-col label{display:block;font-size:13px;color:#94a3b8;margin-bottom:8px}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .e-status-col .e-tag{background:#475569;color:#fff;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .amount-col{flex:1;text-align:left}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .amount-col .price{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:5px}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .amount-col .status-badge{display:inline-block;padding:3px 12px;font-size:12px;font-weight:700;color:#fff}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .amount-col .status-badge.paid{background:#10b981}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .amount-col .status-badge.unpaid{background:#f43f5e}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .amount-col .status-badge.partial{background:#f59e0b}.client-crm-wrapper .tabs-content-section .active-tab-body .invoices-list-view .invoices-scroll-area .invoice-row-item .amount-col .due-info{font-size:13px;color:#ef4444;margin-top:5px;font-weight:700}.client-crm-wrapper .tabs-content-section .active-tab-body .points-balance-view .points-table-container{border:1px solid #e2e8f0;background:#fff}.client-crm-wrapper .tabs-content-section .active-tab-body .points-balance-view .points-table-container .table-header{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 0}.client-crm-wrapper .tabs-content-section .active-tab-body .points-balance-view .points-table-container .table-header span{flex:1;font-size:14px;font-weight:700;color:#94a3b8;text-align:center}.client-crm-wrapper .tabs-content-section .active-tab-body .points-balance-view .points-table-container .table-row{display:flex;align-items:center;padding:25px 0;transition:background .2s}.client-crm-wrapper .tabs-content-section .active-tab-body .points-balance-view .points-table-container .table-row:hover{background:#fcfdfe}.client-crm-wrapper .tabs-content-section .active-tab-body .points-balance-view .points-table-container .table-row .col-data{flex:1;text-align:center;display:flex;flex-direction:column;gap:5px}.client-crm-wrapper .tabs-content-section .active-tab-body .points-balance-view .points-table-container .table-row .col-data .val{font-size:18px;font-weight:700;color:#1e293b}.client-crm-wrapper .tabs-content-section .active-tab-body .points-balance-view .points-table-container .table-row .col-data .unit{font-size:13px;color:#64748b}.client-crm-wrapper .tabs-content-section .active-tab-body .points-balance-view .points-table-container .table-row .col-data.highlighted .val{color:#2471be;font-size:20px}.client-crm-wrapper .tabs-content-section .active-tab-body .points-balance-view .points-table-container .table-row .col-data .progress-bar{width:70%;height:4px;background:#f1f5f9;margin:8px auto 0}.client-crm-wrapper .tabs-content-section .active-tab-body .points-balance-view .points-table-container .table-row .col-data .progress-bar .fill{height:100%;background:#10b981}.client-crm-wrapper .tabs-content-section .active-tab-body .points-balance-view .points-table-container .table-row .col-btn{flex:1;display:flex;justify-content:center;align-items:center}.client-crm-wrapper .tabs-content-section .active-tab-body .points-balance-view .points-table-container .table-row .col-btn .recharge-btn{background:#10b981;color:#fff;border:none;padding:10px 24px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s}.client-crm-wrapper .tabs-content-section .active-tab-body .points-balance-view .points-table-container .table-row .col-btn .recharge-btn:hover{opacity:.9;transform:translateY(-1px)}.create-quote .invoice-container{display:flex;gap:20px}.create-quote .invoice-container .form-section{flex:2.5;background:#fff;padding:20px;border:1px solid var(--border_color)}.create-quote .invoice-container .form-section .section-title{font-size:18px;font-weight:700;color:var(--secondry_color);margin-bottom:20px;border-right:3px solid var(--main_color);padding-right:12px}.create-quote .invoice-container .form-section .input-with-action{display:flex;gap:10px;align-items:flex-end;margin-bottom:15px}.create-quote .invoice-container .form-section .input-with-action>div:first-child{flex:1}.create-quote .invoice-container .form-section .input-with-action .btn-add-fast{background-color:var(--main_color);color:#fff;border:none;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.create-quote .invoice-container .form-section .input-with-action .btn-add-fast:hover{opacity:.9}.create-quote .invoice-container .form-section .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.create-quote .invoice-container .form-section .form-grid label{font-size:14px;margin-bottom:6px;display:flex;align-items:center;gap:5px;color:var(--third_color);font-weight:600}.create-quote .invoice-container .form-section .dynamic-rows{margin-top:30px;padding-top:20px;border-top:1px dashed var(--border_color)}.create-quote .invoice-container .form-section .dynamic-rows .dynamic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-weight:700;font-size:15px;color:var(--third_color)}.create-quote .invoice-container .form-section .dynamic-rows .dynamic-header .btn-add-circle{background:var(--primary-gradient);color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.create-quote .invoice-container .form-section .dynamic-rows .dynamic-header .btn-add-circle:hover{transform:scale(1.1)}.create-quote .invoice-container .form-section .dynamic-rows .row-item{display:flex;gap:12px;margin-bottom:12px;align-items:center}.create-quote .invoice-container .form-section .dynamic-rows .row-item .input-group{flex:1;font-size:14px}.create-quote .invoice-container .form-section .dynamic-rows .row-item .btn-delete{background:transparent;color:var(--danger_color);border:1px solid var(--danger_color);padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;height:34px;width:34px;opacity:.7;transition:all .3s}.create-quote .invoice-container .form-section .dynamic-rows .row-item .btn-delete:hover{background:var(--danger_color);color:#fff;opacity:1}.create-quote .invoice-container .summary-section{flex:1;display:flex;flex-direction:column;gap:15px}.create-quote .invoice-container .summary-section .customer-card{background:#fff;padding:20px;border:1px solid var(--border_color);position:relative;overflow:hidden}.create-quote .invoice-container .summary-section .customer-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary-gradient)}.create-quote .invoice-container .summary-section .customer-card .card-header .badge{background:#10b9811a;color:var(--save_color);padding:3px 10px;border-radius:6px;font-size:12px;font-weight:700}.create-quote .invoice-container .summary-section .customer-card .card-header h3{margin-top:12px;color:var(--secondry_color);font-size:18px;display:flex;align-items:center;gap:8px}.create-quote .invoice-container .summary-section .customer-card .card-header h3 .edit-icon{color:var(--main_color);cursor:pointer;font-size:14px}.create-quote .invoice-container .summary-section .customer-card .balance-info{margin:20px 0;display:flex;flex-direction:column}.create-quote .invoice-container .summary-section .customer-card .balance-info .status{color:#777;font-size:13px}.create-quote .invoice-container .summary-section .customer-card .balance-info .amount{font-size:28px;font-weight:800;color:#222}.create-quote .invoice-container .summary-section .customer-card .loyalty-points{background:var(--primary-gradient);color:#fff;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700}.create-quote .items-table-section{margin-top:18px;background:#fff;border:1px solid var(--border_color)}.create-quote .items-table-section .table-wrapper{width:100%;overflow-x:auto}.create-quote .items-table-section .table-wrapper .invoice-table{width:100%;min-width:1000px;border-collapse:collapse;table-layout:fixed}.create-quote .items-table-section .table-wrapper .invoice-table thead{background-color:#f8f9fa}.create-quote .items-table-section .table-wrapper .invoice-table thead th{padding:12px 10px;color:var(--secondry_color);font-weight:700;font-size:16px;border-bottom:1px solid var(--border_color);text-align:start}.create-quote .items-table-section .table-wrapper .invoice-table tbody tr{border-bottom:1px solid #f1f1f1}.create-quote .items-table-section .table-wrapper .invoice-table tbody tr td{padding:8px 10px}.create-quote .items-table-section .table-wrapper .invoice-table tbody tr td .input-group input{width:100%}.create-quote .items-table-section .table-wrapper .invoice-table tbody tr td .total-val{font-weight:700;color:#333;font-size:16px}.create-quote .items-table-section .table-wrapper .invoice-table tbody tr td .delete-row{color:var(--danger_color);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto;opacity:.7;transition:all .3s}.create-quote .items-table-section .table-wrapper .invoice-table tbody tr td .delete-row:hover{opacity:1;transform:scale(1.1)}.create-quote .items-table-section .table-add-row{padding:15px;display:flex;justify-content:flex-start}.create-quote .items-table-section .table-add-row .add-btn{background:#fff;color:var(--main_color);border:1.5px dashed var(--main_color);padding:8px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.create-quote .items-table-section .table-add-row .add-btn:hover{background:var(--main_color);color:#fff;border-style:solid;box-shadow:0 4px 12px #2471be33}.create-quote .items-table-section .table-footer-summary{padding:10px;display:flex;justify-content:flex-end;background:#fff;border-top:1px solid #eee}.create-quote .items-table-section .table-footer-summary .summary-card{width:300px;padding:8px 16px}.create-quote .items-table-section .table-footer-summary .summary-card .summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;color:#666;border-bottom:1px solid #f9f9f9}.create-quote .items-table-section .table-footer-summary .summary-card .summary-row:last-child{border-bottom:none}.create-quote .items-table-section .table-footer-summary .summary-card .summary-row span:last-child{font-weight:500;color:#333}.create-quote .items-table-section .table-footer-summary .summary-card .summary-row .discount-val{color:var(--danger_color)!important;font-weight:400!important}.create-quote .items-table-section .table-footer-summary .summary-card .summary-row.total-grand{margin-top:8px;padding-top:16px;border-top:2px solid var(--main_color);border-bottom:none;background:transparent}.create-quote .items-table-section .table-footer-summary .summary-card .summary-row.total-grand span:first-child{color:var(--secondry_color);font-weight:700;font-size:15px}.create-quote .items-table-section .table-footer-summary .summary-card .summary-row.total-grand span:last-child{color:var(--main_color)!important;font-size:20px;font-weight:800}.create-quote .invoice-footer-section{margin-top:20px;background:#fff;border:1px solid var(--border_color);overflow:hidden}.create-quote .invoice-footer-section .tabs-container .tabs-header{display:flex;background:#f8f9fa;border-bottom:1px solid var(--border_color)}.create-quote .invoice-footer-section .tabs-container .tabs-header button{padding:12px 20px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:#666;display:flex;align-items:center;gap:8px;transition:.3s;border-left:1px solid transparent}.create-quote .invoice-footer-section .tabs-container .tabs-header button.active{background:#fff;color:var(--main_color)}.create-quote .invoice-footer-section .tabs-container .tabs-header button:hover:not(.active){background:#eee}.create-quote .invoice-footer-section .tabs-container .tabs-content{padding:20px;min-height:100px}.create-quote .invoice-footer-section .tabs-container .tabs-content .discount-pane{padding:10px}.create-quote .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout{display:flex;flex-direction:column;gap:20px}.create-quote .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout .row{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.create-quote .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout .row .input-group{min-width:150px}.create-quote .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout .row .input-group{flex:1;display:flex;flex-direction:column;gap:8px}.create-quote .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout .row .input-group label{color:var(--third_color)}.create-quote .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout .row .input-group label svg{color:var(--main_color)}.create-quote .invoice-footer-section .tabs-container .tabs-content .delivery-pane{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.create-quote .invoice-footer-section .tabs-container .tabs-content .delivery-pane .input-group label{color:var(--third_color)}.create-quote .invoice-footer-section .tabs-container .tabs-content .delivery-pane{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .inner-tabs{display:flex;gap:0;border-bottom:1px solid #eee;margin-bottom:20px}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .inner-tabs button{background:transparent;border:none;padding:10px 20px;font-size:14px;font-weight:600;color:#888;cursor:pointer;position:relative}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .inner-tabs button.active{color:var(--main_color)}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .inner-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--main_color)}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .inner-tabs-content{min-height:200px}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section label{display:block;font-size:14px;font-weight:700;color:var(--third_color);margin-bottom:12px;text-align:start}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper{display:flex;flex-direction:column;gap:15px;padding:10px}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .attachments-dropzone{border:2px dashed #e2e8f0;border-radius:8px;padding:40px;text-align:center;background:#fdfdfd;cursor:pointer;transition:all .2s ease}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .attachments-dropzone.dragging{border-color:var(--save_color);background-color:#ecfdf5;transform:scale(1.01)}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .attachments-dropzone:hover:not(.dragging){border-color:var(--main_color);background-color:#f8fafc}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .attachments-dropzone .dropzone-box{pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:15px}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:10px}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:#f1f5f9;border-radius:6px;border:1px solid #e2e8f0;gap:10px}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item .file-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item .file-info .file-text-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item .file-info .file-text-wrapper .file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;font-size:13px}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item .file-info .file-text-wrapper .file-size{color:#94a3b8;font-size:11px;margin-right:10px;white-space:nowrap}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item .remove-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:50%;flex-shrink:0}.create-quote .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item .remove-btn:hover{background:#fee2e2}.create-quote .invoice-footer-section .notes-section{border-top:1px solid var(--border_color);padding:20px}.create-quote .invoice-footer-section .notes-section .notes-header{font-size:14px;font-weight:700;color:var(--secondry_color);margin-bottom:12px;display:flex;align-items:center;gap:6px}.create-credit-notes .invoice-container{display:flex;gap:20px}.create-credit-notes .invoice-container .form-section{flex:2.5;background:#fff;padding:20px;border:1px solid var(--border_color)}.create-credit-notes .invoice-container .form-section .section-title{font-size:18px;font-weight:700;color:var(--secondry_color);margin-bottom:20px;border-right:3px solid var(--main_color);padding-right:12px}.create-credit-notes .invoice-container .form-section .input-with-action{display:flex;gap:10px;align-items:flex-end;margin-bottom:15px}.create-credit-notes .invoice-container .form-section .input-with-action>div:first-child{flex:1}.create-credit-notes .invoice-container .form-section .input-with-action .btn-add-fast{background-color:var(--main_color);color:#fff;border:none;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.create-credit-notes .invoice-container .form-section .input-with-action .btn-add-fast:hover{opacity:.9}.create-credit-notes .invoice-container .form-section .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.create-credit-notes .invoice-container .form-section .form-grid label{font-size:14px;margin-bottom:6px;display:flex;align-items:center;gap:5px;color:var(--third_color);font-weight:600}.create-credit-notes .invoice-container .form-section .dynamic-rows{margin-top:30px;padding-top:20px;border-top:1px dashed var(--border_color)}.create-credit-notes .invoice-container .form-section .dynamic-rows .dynamic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-weight:700;font-size:15px;color:var(--third_color)}.create-credit-notes .invoice-container .form-section .dynamic-rows .dynamic-header .btn-add-circle{background:var(--primary-gradient);color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.create-credit-notes .invoice-container .form-section .dynamic-rows .dynamic-header .btn-add-circle:hover{transform:scale(1.1)}.create-credit-notes .invoice-container .form-section .dynamic-rows .row-item{display:flex;gap:12px;margin-bottom:12px;align-items:center}.create-credit-notes .invoice-container .form-section .dynamic-rows .row-item .input-group{flex:1;font-size:14px}.create-credit-notes .invoice-container .form-section .dynamic-rows .row-item .btn-delete{background:transparent;color:var(--danger_color);border:1px solid var(--danger_color);padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;height:34px;width:34px;opacity:.7;transition:all .3s}.create-credit-notes .invoice-container .form-section .dynamic-rows .row-item .btn-delete:hover{background:var(--danger_color);color:#fff;opacity:1}.create-credit-notes .invoice-container .summary-section{flex:1;display:flex;flex-direction:column;gap:15px}.create-credit-notes .invoice-container .summary-section .customer-card{background:#fff;padding:20px;border:1px solid var(--border_color);position:relative;overflow:hidden}.create-credit-notes .invoice-container .summary-section .customer-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary-gradient)}.create-credit-notes .invoice-container .summary-section .customer-card .card-header .badge{background:#10b9811a;color:var(--save_color);padding:3px 10px;border-radius:6px;font-size:12px;font-weight:700}.create-credit-notes .invoice-container .summary-section .customer-card .card-header h3{margin-top:12px;color:var(--secondry_color);font-size:18px;display:flex;align-items:center;gap:8px}.create-credit-notes .invoice-container .summary-section .customer-card .card-header h3 .edit-icon{color:var(--main_color);cursor:pointer;font-size:14px}.create-credit-notes .invoice-container .summary-section .customer-card .balance-info{margin:20px 0;display:flex;flex-direction:column}.create-credit-notes .invoice-container .summary-section .customer-card .balance-info .status{color:#777;font-size:13px}.create-credit-notes .invoice-container .summary-section .customer-card .balance-info .amount{font-size:28px;font-weight:800;color:#222}.create-credit-notes .invoice-container .summary-section .customer-card .loyalty-points{background:var(--primary-gradient);color:#fff;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700}.create-credit-notes .items-table-section{margin-top:18px;background:#fff;border:1px solid var(--border_color)}.create-credit-notes .items-table-section .table-wrapper{width:100%;overflow-x:auto}.create-credit-notes .items-table-section .table-wrapper .invoice-table{width:100%;min-width:1000px;border-collapse:collapse;table-layout:fixed}.create-credit-notes .items-table-section .table-wrapper .invoice-table thead{background-color:#f8f9fa}.create-credit-notes .items-table-section .table-wrapper .invoice-table thead th{padding:12px 10px;color:var(--secondry_color);font-weight:700;font-size:16px;border-bottom:1px solid var(--border_color);text-align:start}.create-credit-notes .items-table-section .table-wrapper .invoice-table tbody tr{border-bottom:1px solid #f1f1f1}.create-credit-notes .items-table-section .table-wrapper .invoice-table tbody tr td{padding:8px 10px}.create-credit-notes .items-table-section .table-wrapper .invoice-table tbody tr td .input-group input{width:100%}.create-credit-notes .items-table-section .table-wrapper .invoice-table tbody tr td .total-val{font-weight:700;color:#333;font-size:16px}.create-credit-notes .items-table-section .table-wrapper .invoice-table tbody tr td .delete-row{color:var(--danger_color);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto;opacity:.7;transition:all .3s}.create-credit-notes .items-table-section .table-wrapper .invoice-table tbody tr td .delete-row:hover{opacity:1;transform:scale(1.1)}.create-credit-notes .items-table-section .table-add-row{padding:15px;display:flex;justify-content:flex-start}.create-credit-notes .items-table-section .table-add-row .add-btn{background:#fff;color:var(--main_color);border:1.5px dashed var(--main_color);padding:8px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.create-credit-notes .items-table-section .table-add-row .add-btn:hover{background:var(--main_color);color:#fff;border-style:solid;box-shadow:0 4px 12px #2471be33}.create-credit-notes .items-table-section .table-footer-summary{padding:10px;display:flex;justify-content:flex-end;background:#fff;border-top:1px solid #eee}.create-credit-notes .items-table-section .table-footer-summary .summary-card{width:300px;padding:8px 16px}.create-credit-notes .items-table-section .table-footer-summary .summary-card .summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;color:#666;border-bottom:1px solid #f9f9f9}.create-credit-notes .items-table-section .table-footer-summary .summary-card .summary-row:last-child{border-bottom:none}.create-credit-notes .items-table-section .table-footer-summary .summary-card .summary-row span:last-child{font-weight:500;color:#333}.create-credit-notes .items-table-section .table-footer-summary .summary-card .summary-row .discount-val{color:var(--danger_color)!important;font-weight:400!important}.create-credit-notes .items-table-section .table-footer-summary .summary-card .summary-row.total-grand{margin-top:8px;padding-top:16px;border-top:2px solid var(--main_color);border-bottom:none;background:transparent}.create-credit-notes .items-table-section .table-footer-summary .summary-card .summary-row.total-grand span:first-child{color:var(--secondry_color);font-weight:700;font-size:15px}.create-credit-notes .items-table-section .table-footer-summary .summary-card .summary-row.total-grand span:last-child{color:var(--main_color)!important;font-size:20px;font-weight:800}.create-credit-notes .invoice-footer-section{margin-top:20px;background:#fff;border:1px solid var(--border_color);overflow:hidden}.create-credit-notes .invoice-footer-section .tabs-container .tabs-header{display:flex;background:#f8f9fa;border-bottom:1px solid var(--border_color)}.create-credit-notes .invoice-footer-section .tabs-container .tabs-header button{padding:12px 20px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:#666;display:flex;align-items:center;gap:8px;transition:.3s;border-left:1px solid transparent}.create-credit-notes .invoice-footer-section .tabs-container .tabs-header button.active{background:#fff;color:var(--main_color)}.create-credit-notes .invoice-footer-section .tabs-container .tabs-header button:hover:not(.active){background:#eee}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content{padding:20px;min-height:100px}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .discount-pane{padding:10px}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout{display:flex;flex-direction:column;gap:20px}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout .row{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout .row .input-group{min-width:150px}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout .row .input-group{flex:1;display:flex;flex-direction:column;gap:8px}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout .row .input-group label{color:var(--third_color)}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .discount-pane .simple-layout .row .input-group label svg{color:var(--main_color)}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .delivery-pane{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .delivery-pane .input-group label{color:var(--third_color)}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .delivery-pane{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .inner-tabs{display:flex;gap:0;border-bottom:1px solid #eee;margin-bottom:20px}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .inner-tabs button{background:transparent;border:none;padding:10px 20px;font-size:14px;font-weight:600;color:#888;cursor:pointer;position:relative}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .inner-tabs button.active{color:var(--main_color)}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .inner-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--main_color)}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .inner-tabs-content{min-height:200px}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section label{display:block;font-size:14px;font-weight:700;color:var(--third_color);margin-bottom:12px;text-align:start}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper{display:flex;flex-direction:column;gap:15px;padding:10px}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .attachments-dropzone{border:2px dashed #e2e8f0;border-radius:8px;padding:40px;text-align:center;background:#fdfdfd;cursor:pointer;transition:all .2s ease}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .attachments-dropzone.dragging{border-color:var(--save_color);background-color:#ecfdf5;transform:scale(1.01)}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .attachments-dropzone:hover:not(.dragging){border-color:var(--main_color);background-color:#f8fafc}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .attachments-dropzone .dropzone-box{pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:15px}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:10px}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:#f1f5f9;border-radius:6px;border:1px solid #e2e8f0;gap:10px}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item .file-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item .file-info .file-text-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item .file-info .file-text-wrapper .file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;font-size:13px}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item .file-info .file-text-wrapper .file-size{color:#94a3b8;font-size:11px;margin-right:10px;white-space:nowrap}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item .remove-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:50%;flex-shrink:0}.create-credit-notes .invoice-footer-section .tabs-container .tabs-content .attachments-pane .upload-section .attachments-wrapper .files-preview-container .file-item .remove-btn:hover{background:#fee2e2}.create-credit-notes .invoice-footer-section .notes-section{border-top:1px solid var(--border_color);padding:20px}.create-credit-notes .invoice-footer-section .notes-section .notes-header{font-size:14px;font-weight:700;color:var(--secondry_color);margin-bottom:12px;display:flex;align-items:center;gap:6px}.add-payment-balance .receipt-data-section{padding-top:20px}.add-payment-balance .receipt-data-section .input-group{flex:1}.add-payment-balance .receipt-data-section .input-group label{color:var(--main_color)}.add-payment-balance .receipt-data-section .simple-layout{display:flex;flex-direction:column;gap:20px}.add-payment-balance .receipt-data-section .simple-layout .row{display:flex;gap:30px;align-items:flex-end}.add-payment-balance .receipt-data-section .simple-layout .row .value{flex:1;display:flex;align-items:flex-end;gap:10px}.add-payment-balance .receipt-data-section .simple-layout .row .value .input-group:first-of-type{flex:2}.add-payment-balance .receipt-data-section .simple-layout .row .compound-field{display:flex;border:1px solid var(--border_color);border-radius:8px;background:#fff}.add-payment-balance .receipt-data-section .simple-layout .row .compound-field input{border:none!important}.add-payment-balance .receipt-data-section .simple-layout .row .compound-field .divider{width:1px;background:#eee;margin:8px 0}.add-payment-balance .receipt-data-section .simple-layout .mini-dropzone{border:2px dashed #eee;border-radius:8px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#888;cursor:pointer}.add-payment-balance .receipt-data-section .simple-layout .mini-dropzone:hover{border-color:var(--main_color);background:#f9f9f9}.add-payment-balance .receipt-data-section .simple-layout .mini-dropzone p{font-size:12px;margin:0}.add-payment-balance .receipt-data-section .simple-layout .mini-dropzone p span{color:var(--main_color);font-weight:700}.add-payment-balance .receipt-data-section .simple-layout .upload-section label{display:block;font-size:16px;font-weight:700;color:var(--third_color);margin-bottom:12px;text-align:start}.add-payment-balance .receipt-data-section .simple-layout .upload-section .attachments-wrapper{display:flex;flex-direction:column;gap:15px}.add-payment-balance .receipt-data-section .simple-layout .upload-section .attachments-wrapper .attachments-dropzone{border:2px dashed #e2e8f0;border-radius:8px;padding:40px;text-align:center;background:#fdfdfd;cursor:pointer;transition:all .2s ease}.add-payment-balance .receipt-data-section .simple-layout .upload-section .attachments-wrapper .attachments-dropzone.dragging{border-color:var(--save_color);background-color:#ecfdf5;transform:scale(1.01)}.add-payment-balance .receipt-data-section .simple-layout .upload-section .attachments-wrapper .attachments-dropzone:hover:not(.dragging){border-color:var(--main_color);background-color:#f8fafc}.add-payment-balance .receipt-data-section .simple-layout .upload-section .attachments-wrapper .attachments-dropzone .dropzone-box{pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:15px}.add-payment-balance .receipt-data-section .simple-layout .upload-section .attachments-wrapper .files-preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:10px}.add-payment-balance .receipt-data-section .simple-layout .upload-section .attachments-wrapper .files-preview-container .file-item{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:#f1f5f9;border-radius:6px;border:1px solid #e2e8f0;gap:10px}.add-payment-balance .receipt-data-section .simple-layout .upload-section .attachments-wrapper .files-preview-container .file-item .file-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.add-payment-balance .receipt-data-section .simple-layout .upload-section .attachments-wrapper .files-preview-container .file-item .file-info .file-text-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0}.add-payment-balance .receipt-data-section .simple-layout .upload-section .attachments-wrapper .files-preview-container .file-item .file-info .file-text-wrapper .file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;font-size:13px}.add-payment-balance .receipt-data-section .simple-layout .upload-section .attachments-wrapper .files-preview-container .file-item .file-info .file-text-wrapper .file-size{color:#94a3b8;font-size:11px;margin-right:10px;white-space:nowrap}.add-payment-balance .receipt-data-section .simple-layout .upload-section .attachments-wrapper .files-preview-container .file-item .remove-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:50%;flex-shrink:0}.add-payment-balance .receipt-data-section .simple-layout .upload-section .attachments-wrapper .files-preview-container .file-item .remove-btn:hover{background:#fee2e2}.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}.price-quotes-settings-page .price-quotes-toggle-container{display:flex;justify-content:center;width:100%}.price-quotes-settings-page .price-quotes-toggle-container .price-quotes-modern-toggle{width:40px;height:20px;background:#cbd5e1;border-radius:20px!important;position:relative;cursor:pointer;transition:all .3s ease}.price-quotes-settings-page .price-quotes-toggle-container .price-quotes-modern-toggle .toggle-thumb{position:absolute;top:2px;right:2px;width:16px;height:16px;background:#fff;border-radius:50%!important;transition:transform .3s ease}.price-quotes-settings-page .price-quotes-toggle-container .price-quotes-modern-toggle.is-active{background:var(--save_color)}.price-quotes-settings-page .price-quotes-toggle-container .price-quotes-modern-toggle.is-active .toggle-thumb{transform:translate(-20px)}.sales-invoice-settings-page .price-quotes-toggle-container{display:flex;justify-content:center;width:100%}.sales-invoice-settings-page .price-quotes-toggle-container .price-quotes-modern-toggle{width:40px;height:20px;background:#cbd5e1;border-radius:20px!important;position:relative;cursor:pointer;transition:all .3s ease}.sales-invoice-settings-page .price-quotes-toggle-container .price-quotes-modern-toggle .toggle-thumb{position:absolute;top:2px;right:2px;width:16px;height:16px;background:#fff;border-radius:50%!important;transition:transform .3s ease}.sales-invoice-settings-page .price-quotes-toggle-container .price-quotes-modern-toggle.is-active{background:var(--save_color)}.sales-invoice-settings-page .price-quotes-toggle-container .price-quotes-modern-toggle.is-active .toggle-thumb{transform:translate(-20px)}.fast-selling-setup-page .price-quotes-toggle-container{display:flex;justify-content:center;width:100%}.fast-selling-setup-page .price-quotes-toggle-container .price-quotes-modern-toggle{width:40px;height:20px;background:#cbd5e1;border-radius:20px!important;position:relative;cursor:pointer;transition:all .3s ease}.fast-selling-setup-page .price-quotes-toggle-container .price-quotes-modern-toggle .toggle-thumb{position:absolute;top:2px;right:2px;width:16px;height:16px;background:#fff;border-radius:50%!important;transition:transform .3s ease}.fast-selling-setup-page .price-quotes-toggle-container .price-quotes-modern-toggle.is-active{background:var(--save_color)}.fast-selling-setup-page .price-quotes-toggle-container .price-quotes-modern-toggle.is-active .toggle-thumb{transform:translate(-20px)}.sales-returns-settings-page .price-quotes-toggle-container{display:flex;justify-content:center;width:100%}.sales-returns-settings-page .price-quotes-toggle-container .price-quotes-modern-toggle{width:40px;height:20px;background:#cbd5e1;border-radius:20px!important;position:relative;cursor:pointer;transition:all .3s ease}.sales-returns-settings-page .price-quotes-toggle-container .price-quotes-modern-toggle .toggle-thumb{position:absolute;top:2px;right:2px;width:16px;height:16px;background:#fff;border-radius:50%!important;transition:transform .3s ease}.sales-returns-settings-page .price-quotes-toggle-container .price-quotes-modern-toggle.is-active{background:var(--save_color)}.sales-returns-settings-page .price-quotes-toggle-container .price-quotes-modern-toggle.is-active .toggle-thumb{transform:translate(-20px)}.debit-notes-settings-page .price-quotes-toggle-container{display:flex;justify-content:center;width:100%}.debit-notes-settings-page .price-quotes-toggle-container .price-quotes-modern-toggle{width:40px;height:20px;background:#cbd5e1;border-radius:20px!important;position:relative;cursor:pointer;transition:all .3s ease}.debit-notes-settings-page .price-quotes-toggle-container .price-quotes-modern-toggle .toggle-thumb{position:absolute;top:2px;right:2px;width:16px;height:16px;background:#fff;border-radius:50%!important;transition:transform .3s ease}.debit-notes-settings-page .price-quotes-toggle-container .price-quotes-modern-toggle.is-active{background:var(--save_color)}.debit-notes-settings-page .price-quotes-toggle-container .price-quotes-modern-toggle.is-active .toggle-thumb{transform:translate(-20px)}.print-settings-page{padding:0 10px}.print-settings-page .table-section{margin-top:25px}.print-settings-page .print-name-row{display:flex;align-items:center;gap:6px;width:100%;justify-content:center}.print-settings-page .print-name-row .main-item-name{font-size:13.5px;color:#1e293b;font-weight:700}.print-settings-page .print-name-row .group-bracket-name{font-size:13px;color:#64748b;font-weight:400}.print-settings-page .print-action-wrapper{display:flex;justify-content:center;align-items:center;width:100%}.print-settings-page .print-action-wrapper .print-edit-btn-small{background-color:var(--save_color);color:#fff;border:none;width:30px;height:30px;border-radius:4px!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.print-settings-page .print-action-wrapper .print-edit-btn-small:hover{filter:brightness(1.1)}.print-settings-page .print-action-wrapper .print-ios-toggle{width:40px;height:20px;background:#cbd5e1;border-radius:20px!important;position:relative;cursor:pointer}.print-settings-page .print-action-wrapper .print-ios-toggle .handle{position:absolute;top:2px;right:2px;width:16px;height:16px;background:#fff;border-radius:50%!important;transition:transform .3s ease}.print-settings-page .print-action-wrapper .print-ios-toggle.is-active{background:var(--save_color)}.print-settings-page .print-action-wrapper .print-ios-toggle.is-active .handle{transform:translate(-20px)}@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}.toggle{display:flex;align-items:center;gap:5px}.toggle span,.toggle input[type=radio]{cursor:pointer}.toggle span:first-of-type{flex:1}.toggle input[type=checkbox]{display:none}.toggle .slider{width:40px;height:20px;background:#ccc;border-radius:20px;position:relative;transition:.3s}.toggle .slider:before{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:.3s}.toggle input:checked+.slider{background:var(--main_color)}.toggle input:checked+.slider:before{transform:translate(20px)}.input-group{display:flex;flex-direction:column;gap:10px}.input-group label{font-weight:600;font-size:16px;display:flex;align-items:center;gap:5px}.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:disabled),.input-group .input:has(input:read-only),.input-group .input:has(textarea:disabled),.input-group .input:has(textarea:read-only){background-color:#f8f8f8}.input-group .input:has(input:focus),.input-group .input:has(textarea:focus){border:1px solid var(--secondry_color)!important}.input-group .input:has(input:disabled),.input-group .input:has(textarea:disabled){background-color:#f2f2f2}.input-group .input:has(textarea){height:auto}.input-group .input>input,.input-group .input>textarea{flex:1;border:none;outline:none;font-size:16px}.input-group .input>input:read-only,.input-group .input>input:disabled,.input-group .input>textarea:read-only,.input-group .input>textarea:disabled{background-color:transparent}.input-group .input>textarea{height:100px;resize:none}.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.save,.head-page .btns>button.save{background-color:var(--save_color)}.head-page .btns>a.draft,.head-page .btns>button.draft{background-color:#afc1d3;color:#000}.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%}}.filter{border-bottom:1px solid var(--main_color)}.filter .head-filter{background-color:var(--main_color);color:#fff;padding:7px 15px;display:flex;align-items:center;justify-content:space-between}.filter .inputs{padding:10px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));flex-wrap:wrap;gap:10px}.filter .inputs form .submit{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;color:var(--main_color)}.filter .inputs form .submit svg{width:20px;height:20px}.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,.table .control a{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;cursor:pointer;color:#333}.table .control button svg,.table .control a 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}.select-add-new-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background-color:#f8fafc;color:var(--main_color);border:none;border-top:1px solid #e2e8f0;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.select-add-new-btn:hover{background-color:#f1f5f9;color:var(--main_color)}.select-add-new-btn:active{background-color:#e2e8f0;transform:scale(.98)}.select-add-new-btn svg{flex-shrink:0;transition:transform .2s}.select-add-new-btn:hover svg{transform:rotate(90deg)}:root{--main_color: #2471be;--secondry_color: #1753AA;--third_color: #2066ac;--danger_color: #D32F2F;--border_color: #CCC;--gray_color: #e1e6eb;--save_color: #10b981;--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}