@charset "UTF-8";*{padding:0;margin:0;box-sizing:border-box}.font{font-family:Satoshi,sans-serif}.links{text-decoration:none;color:inherit}:root{--primary_brown: #c24e14;--success_bg: #edfcf7;--success_content_bg: #06843c;--error_bg: #fce2e2;--error_content_bg: #e20000;--primary_brown_bg: #f9e7df;--header_nav_color: #8a99c0;--footer_links_color: #5380bc}.success{background-color:var(--success_bg)}.success .inner{background-color:var(--success_content_bg)}.error{background-color:var(--error_bg)}.error .inner{background-color:var(--error_content_bg)}.audit-log-table{width:100%;height:calc(100vh - 80px);background:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:20px;border-radius:6px;padding:10px}.audit-log-table .audit-log-top{position:relative}.audit-log-table .audit-log-top .export_modal{position:absolute;z-index:9;top:50px;display:flex;right:0;flex-direction:column;border-radius:8px;background-color:#fff;box-shadow:0 0 2px #c0bebe;padding:10px;font-size:.8rem;width:150px}.audit-log-table .audit-log-top .export_modal span{padding:8px;cursor:pointer}.audit-log-table .audit-log-top{margin-top:30px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0px}.audit-log-table .audit-log-top button{cursor:pointer;border-radius:8px;background-color:transparent;border:1px solid var(--primary_brown);color:var(--primary_brown);outline:none;padding:8px 12px;height:40px}.audit-log-table .audit-log-top button .icon{font-size:1rem}.audit-log-table .audit-log-top button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.audit-log-table .audit_log_middle{flex:1 1 auto;overflow-y:scroll}.audit-log-table .audit_log_bottom{display:flex;flex-direction:row;justify-content:stretch;align-items:flex-end;gap:0px}.audit-log-table .au .not-found{height:90vh;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0px}.pagination{display:flex;align-items:center;justify-content:flex-start;gap:6px;margin-top:16px;width:100%}.pagination .page-btn{width:32px;height:32px;border-radius:50%;border:1px solid #a64b2a;background:#fff;color:#a64b2a;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pagination .page-btn:hover:not(:disabled){background:#f5f0ee}.pagination .page-btn:disabled{opacity:.4;cursor:not-allowed}.pagination .page-btn.active{background:#a64b2a;color:#fff;border:1px solid #a64b2a;font-weight:600}.pagination .dots{padding:0 6px;color:#666;font-size:14px}.pagination .page-info{margin-left:auto;font-size:13px;color:#333}.pagination .page-info .page-size-select{border-radius:5px;border:none;margin-right:10px}.customer-table{width:100%;border-collapse:separate;border-spacing:0;font-family:Arial,sans-serif;font-size:14px;color:#333;overflow:scroll}.customer-table thead,.customer-table tbody{width:max-content;width:100%}.customer-table thead{background:#f8f9fa}.customer-table thead th{padding:12px 16px;font-size:13px;font-weight:600;text-align:left;color:#444;white-space:nowrap;border-bottom:2px solid #e2e6ea;width:20%}.customer-table thead th .th_content{display:flex;align-items:center;gap:6px}.customer-table thead th .header_icon{font-size:14px;cursor:pointer;color:#888}.customer-table thead th .header_icon:hover{color:var(--primary_brown, #c24e14)}.customer-table tbody tr{transition:background .2s ease}.customer-table tbody tr:hover{background-color:#f9fafb}.customer-table tbody tr td{padding:12px 16px;font-size:14px;color:#555;text-align:left;vertical-align:middle;position:relative;border-bottom:1px solid rgb(243,243,243);width:40px!important}.customer-table tbody tr td.active_td{cursor:pointer;color:var(--primary_brown, #c24e14);font-weight:500}.customer-table tbody tr td.action_btn{cursor:pointer;font-weight:600;color:#666}.customer-table tbody tr td .action_modal{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:160px;padding:10px 16px;background-color:#fff;box-shadow:0 4px 10px #00000014;border:1px solid #e6e6e6;border-radius:6px;position:absolute;top:90%;left:30px;z-index:999}.customer-table tbody tr td .action_modal span{font-weight:300;font-size:13px;cursor:pointer;color:#333}.customer-table tbody tr td .action_modal span:hover{color:var(--primary_brown, #c24e14)}.customer-table tbody tr td.highlight{color:#0878db}.approve_btn{align-self:flex-start;background:var(--primary_brown);border:none;color:#fff;padding:.6rem 1.2rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .2s}.approve_btn:hover{background:#f07218}.badges_container{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;width:90px;text-align:center;gap:5px}.badges_container.active{border:1px solid #2e7d32;color:#2e7d32;border-radius:50px;background-color:#edfcf7}.badges_container.about_to{border:1px solid #fcb900;color:#fcb900;border-radius:50px}.badges_container.inactive{border:1px solid #bd430f;color:#bd430f;border-radius:50px;background-color:#f9f9f9}.dot{height:6px;width:6px;border-radius:8px}.dot.active{background-color:#06843c}.dot.inactive{background-color:#bd430f}.dot.about_to{background-color:#fcb900}.search_container{width:442px;height:40px;border-radius:8px;border:1px solid gray;display:flex;overflow:hidden;align-items:center;gap:10px;padding:8px 12px}.search_container input{flex:1;height:100%;outline:none;border:none}.dashboard{padding:20px}.dashboard .stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.dashboard .stats-grid .stats-card{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.dashboard .stats-grid .stats-card .stats-left{flex:1}.dashboard .stats-grid .stats-card .stats-left h4{margin-bottom:12px;font-size:15px;font-weight:600}.dashboard .stats-grid .stats-card .stats-left .legend{list-style:none;padding:0;margin:0}.dashboard .stats-grid .stats-card .stats-left .legend li{display:flex;align-items:center;font-size:14px;margin-bottom:8px}.dashboard .stats-grid .stats-card .stats-left .legend li .dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px}.dashboard .stats-grid .stats-card .stats-right{flex:1;max-width:200px}.dashboard .charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.dashboard .charts-grid .card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.dashboard .charts-grid .card h4{margin-bottom:12px;font-size:15px;font-weight:600}.dashboard .tabs{display:flex;gap:12px;margin-bottom:20px}.dashboard .tabs button{padding:6px 14px;border:none;border-radius:6px;background:#f1f5f9;cursor:pointer;font-size:14px}.dashboard .tabs button.active{background:#2563eb;color:#fff}.dashboard .table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow-x:auto}.dashboard .table-container table{width:100%;border-collapse:collapse;font-size:14px}.dashboard .table-container table th,.dashboard .table-container table td{padding:12px;text-align:left;border-bottom:1px solid #f1f5f9}.dashboard .table-container table th{font-weight:600;background:#f9fafb}.dashboard .table-container table .status{padding:4px 10px;border-radius:6px;font-size:13px}.dashboard .table-container table .status.active{background:#dcfce7;color:#166534}.dashboard .table-container table .status.inactive{background:#fee2e2;color:#991b1b}.dashboard .table-container table .link{color:#2563eb;font-weight:500;cursor:pointer}.login-container{background:url(/assets/img_solar-DmfTpSBQ.jpg) no-repeat center center/cover;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:56px;height:100vh}.login-container .login-logo{width:168px;height:118px;margin-bottom:1rem;object-fit:cover}.login-box{background:#fff;border-radius:10px;padding:2rem;width:686px;box-shadow:0 4px 12px #0000001a;text-align:center}.login-title{font-size:1.8rem;font-weight:700}.login-subtitle{font-size:.9rem;color:#555;margin-bottom:1.5rem}.form-group{text-align:left;margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.9rem}.form-group input{width:100%;padding:.8rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.password-wrapper{border-radius:6px;display:flex;align-items:center;position:relative;border:1px solid #ccc}.password-wrapper input{border:none}.password-wrapper .toggle-eye{position:absolute;right:10px;cursor:pointer;font-size:1.2rem}.password-wrapper .toggle-eye:hover{color:var(--primary_brown)}.login-btn{background:#e6a48a;color:#fff;border:none;width:100%;padding:.8rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .3s ease}.login-btn:hover{background:#d28b6f}.bottom_section{display:flex;flex-direction:column;gap:10px}.bottom_section .forgot_password{font-weight:700;color:var(--primary_brown);font-size:.8rem;align-self:flex-end}.security-note{font-size:.8rem;color:#777;margin-top:1rem}.user_management_container{height:calc(100vh - 80px);width:100%;padding:10px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;position:relative}.user_management_container .top{display:flex;flex-direction:column;gap:25px}.user_management_container .top .top_first{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.user_management_container .top .top_first .customer_statics{flex-basis:30%;padding:10px;box-shadow:0 0 2px #c0bebe;border-radius:10px}.user_management_container .top .top_second{display:flex;gap:10px}.user_management_container .top .top_second .total_customer_statics.active{background-color:#f9e7df;color:#8b3715;border:1px solid #8b3715}.user_management_container .top .top_second .total_customer_statics{box-shadow:0 0 2px #c0bebe;padding:8px 12px;border-radius:50px;background-color:transparent;outline:none;border:none;cursor:pointer}.user_management_container .top .top_third{display:flex;justify-content:space-between;align-items:center}.user_management_container .top .top_third .btn_container{display:flex;gap:10px}.user_management_container .top .top_third .btn_container button{cursor:pointer;border-radius:8px;background-color:transparent;border:none;outline:none;padding:8px 12px;height:40px}.user_management_container .top .top_third .btn_container button:nth-child(1){width:40px}.user_management_container .top .top_third .btn_container button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.user_management_container .top .top_third .btn_container button.add_user{background-color:#c24e14;color:#fff}.user_management_container .top .top_third .btn_container button.add_user .add_link{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.user_management_container .middle{flex:1 1 auto;overflow-y:scroll}.user_management_container .bottom{display:flex;flex-direction:row;justify-content:stretch;align-items:flex-end;gap:0px}.filter_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filter_header h3{font-size:1.25rem;font-weight:600;color:#222}.filter_header .close-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;transition:background .2s ease}.filter_header .close-btn:hover{background:#f1f1f1}.filter_header .close-btn svg{color:#444}.filter-section{margin-bottom:24px;display:flex;flex-direction:column;gap:10px}.filter-section .inner_section{display:flex;flex-direction:column;gap:5px}.filter-section .inner_section label{margin-bottom:0}.filter-section label{font-size:.9rem;font-weight:700;color:#333;margin-bottom:8px}.filter-section .status-options{display:flex;flex-wrap:wrap;gap:8px}.filter-section .status-options .status-btn{padding:10px 16px;font-size:.85rem;border:1px solid #ccc;border-radius:50px;background:#f9f9f9;cursor:pointer;transition:all .2s ease}.filter-section .status-options .status-btn:hover{background:#f1f1f1}.filter-section .status-options .status-btn.active{background:var(--primary_brown_bg);color:var(--primary_brown);border-color:var(--primary_brown)}.filter-section .search-box{position:relative}.filter-section .search-box .icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#777;font-size:16px}.filter-section .search-box input{width:100%;padding:12px 10px 12px 34px;border:1px solid #ccc;border-radius:8px;font-size:.9rem;transition:border .2s ease}.filter-section .search-box input:focus{border-color:#c24e14;outline:none}.filter-section .input-icon{position:relative;margin-bottom:12px}.filter-section .input-icon .icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:#777;font-size:16px}.filter-section .input-icon input{width:100%;padding:8px 34px 8px 10px;border:1px solid #ccc;border-radius:6px;font-size:.9rem;transition:border .2s ease}.filter-section .input-icon input:focus{border-color:#c24e14;outline:none}.footer{display:flex;justify-content:space-between;margin-top:auto;gap:10px}.footer .btn{flex:1;padding:10px 16px;font-size:.9rem;border-radius:6px;border:none;cursor:pointer;transition:background .2s ease,color .2s ease}.footer .btn.reset{border:1px solid var(--primary_brown);background-color:transparent;color:var(--primary_brown)}.footer .btn.reset:hover{background:#e2e2e2}.footer .btn.update{background:#c24e14;color:#fff}.footer .btn.update:hover{background:#a63f0f}@media (max-width: 600px){.filter-section .status-options .status-btn{flex:1 1 45%;text-align:center}.footer{flex-direction:column}.footer .btn{width:100%}}.react-datepicker__input-container{width:100%}.react-datepicker__day--selected,.react-datepicker__day--in-range,.react-datepicker__day--keyboard-selected{background-color:#c24e14!important;color:#fff!important}.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range:hover{background-color:#e07c4f!important;color:#fff!important}.react-datepicker__day:hover{background-color:#f1f1f1!important;border-radius:50%}input[type=date],.react-datepicker__input-container input{width:100%;padding:14px 16px;border:1px solid #ccc;border-radius:6px;font-size:.95rem;color:#333;background-color:#fff;transition:border .2s ease,box-shadow .2s ease;outline:none}input[type=date]:focus,.react-datepicker__input-container input:focus{border-color:var(--primary_brown)}@keyframes slideInRight{0%{transform:translate(100%);opacity:.6}to{transform:translate(0);opacity:1}}.filter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;z-index:1000}.filter-overlay .overlay-bg{flex:1;background:#00000073}.filter-overlay .filter-drawer{position:absolute;right:0;top:0;bottom:0;width:420px;max-width:95%;height:100%;background:#fff;box-shadow:-2px 0 10px #0003;padding:24px;display:flex;flex-direction:column;animation:slideInRight .4s ease-out}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.warranty_transfer_container{min-height:calc(100vh - 80px);width:100%;padding:10px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;position:relative}.warranty_transfer_container .top{display:flex;flex-direction:column;gap:25px}.warranty_transfer_container .top .top_first{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.warranty_transfer_container .top .top_first .customer_statics{flex-basis:30%;padding:10px;box-shadow:0 0 2px #c0bebe;border-radius:10px}.warranty_transfer_container .top .top_second{display:flex;gap:10px}.warranty_transfer_container .top .top_second .total_customer_statics.active{background-color:#f9e7df;color:#8b3715;border:1px solid #8b3715}.warranty_transfer_container .top .top_second .total_customer_statics{box-shadow:0 0 2px #c0bebe;padding:8px 12px;border-radius:50px;background-color:transparent;outline:none;border:none;cursor:pointer}.warranty_transfer_container .top .top_third{display:flex;justify-content:space-between;align-items:center}.warranty_transfer_container .top .top_third .btn_container{display:flex;gap:10px;position:relative}.warranty_transfer_container .top .top_third .btn_container .export_modal{position:absolute;z-index:9;top:50px;display:flex;flex-direction:column;border-radius:8px;background-color:#fff;box-shadow:0 0 2px #c0bebe;padding:10px;font-size:.8rem;width:150px}.warranty_transfer_container .top .top_third .btn_container .export_modal span{padding:8px;cursor:pointer}.warranty_transfer_container .top .top_third .btn_container button{cursor:pointer;border-radius:8px;background-color:transparent;border:none;outline:none;padding:8px 12px;height:40px}.warranty_transfer_container .top .top_third .btn_container button:nth-child(1){width:40px}.warranty_transfer_container .top .top_third .btn_container button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.warranty_transfer_container .top .top_third .btn_container button.download_btn{border:1px solid var(--primary_brown);color:var(--primary_brown)}.warranty_transfer_container .top .top_third .btn_container button.download_btn .icon{font-size:1.1rem;color:var(--primary_brown)}.warranty_transfer_container .top .top_third .btn_container button.maketransfer_btn{background-color:var(--primary_brown);color:#fff}.warranty_transfer_container .top .top_third .btn_container button.maketransfer_btn.disable{background-color:#ef925b;color:#fff}.warranty_transfer_container .middle{flex:1 1 auto;overflow-y:scroll}.warranty_transfer_container .bottom{display:flex;flex-direction:row;justify-content:stretch;align-items:flex-end;gap:0px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999}.modal-container{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0003;padding:25px 30px;width:680px;max-width:90%;position:relative;text-align:center}.modal-body{margin-bottom:15px}.modal-container{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0003;padding:25px 30px;width:680px;max-width:90%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;text-align:center}.modal-title{font-size:20px;font-weight:600;margin-bottom:20px;color:#222}.modal-body{margin-bottom:15px;display:flex;flex-direction:column;align-items:center;gap:10px}.modal-body p{font-weight:400}.modal-body .confirm_action_btns{display:flex;flex-direction:row;align-items:center;gap:20px}.modal-body .confirm_action_btns button{cursor:pointer;outline:none;border:none;padding:10px 15px;border-radius:5px;color:#fff;width:100px}.modal-body .confirm_action_btns button:first-child{background-color:var(--primary_brown)}.modal-body .confirm_action_btns button:last-child{background-color:red}.modal-close{position:absolute;top:12px;right:12px;border:none;background:transparent;font-size:18px;cursor:pointer;color:#666}.modal-close:hover{color:#000}.review_modal .review_inner_modal{margin-top:20px;display:flex;flex-direction:column;gap:10px}.review_modal .review_field{display:flex;flex-direction:column;gap:5px}.review_modal .review_field label{text-align:left;font-size:.9rem}.review_modal .review_field input{outline:none;border:.5px solid gray;border-radius:5px;padding:8px 15px}.review_modal .actions{display:flex;flex-direction:row;justify-content:center;gap:10px}.review_modal .actions button{align-self:flex-start;background:var(--primary_brown);border:none;color:#fff;padding:.6rem 1.2rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .2s}.toast_container{height:68px;width:68px;border-radius:68px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0}.toast_container .inner{height:36px;width:36px;border-radius:68px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0}.adminparent{height:100vh;display:flex}.adminparent .left{flex:.5;transition:all ease .5s}.adminparent .left.active{flex:0}.adminparent .right{flex:2;padding:0!important;overflow:scroll}.sidebar{height:100%;flex:.5;display:flex;flex-direction:column;box-shadow:9px 0 10px -13px #1e90ff;background-color:#fff;gap:20px;transition:flex .5s ease}.sidebar.active{flex:.08;overflow:hidden;box-shadow:none}.sidebar .top{display:flex;justify-content:space-between;align-items:center;padding:5px 10px}.sidebar .content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.sidebar .company-dropdown{padding:0 15px 16px;display:flex;flex-direction:column;gap:6px}.sidebar .company-dropdown label{font-size:13px;color:#333}.sidebar .company-dropdown select{padding:6px 8px;border-radius:5px;border:1px solid #ccc;font-size:14px;cursor:pointer}.sidebar .bottom{display:flex;flex-direction:column;gap:15px}.sidebar .bottom .nav_links{display:flex;gap:10px;align-items:center;padding:15px;transition:all .5s ease}.sidebar .bottom .nav_links span{white-space:nowrap;overflow:hidden;transition:opacity .4s ease,max-width .4s ease}.sidebar .bottom .nav_links span:first-child{flex-shrink:0}.sidebar .bottom .nav_links span:last-child{max-width:200px;opacity:1}.sidebar .bottom .nav_links.toggle span:last-child{opacity:0;max-width:0}.sidebar .bottom .nav_links.active{background:linear-gradient(90deg,#02324f,#0573b5);color:#fff}.sidebar .bottom .nav_links.active span{color:#fff!important}.header{display:flex;justify-content:space-between;align-items:center;position:relative;margin:0;position:sticky;top:0;z-index:99;padding:15px 8px;background:linear-gradient(90deg,#e3f2fb,#fcf9f0 65%)}.header .header_top{display:flex;flex-direction:column;gap:0px}.header .header_top .heading{font-weight:600}.header .user_profile_container{display:flex;justify-content:space-between;gap:10px;align-items:center}.header .user_profile_container .bell_icon{position:relative}.header .user_profile_container .bell_icon .dot{position:absolute;top:1px;right:2px;height:6px;width:6px;border-radius:5px;background-color:red}.header .user_profile_container .user_profile{display:flex;align-items:center;gap:10px;cursor:pointer}.header .user_profile_container .user_profile img{height:50px;width:50px;border-radius:40px;overflow:hidden}.header .user_profile_container .user_profile .profile_info{display:flex;cursor:pointer}.header .user_profile_container .user_profile .profile_info .profile_info_left{display:flex;flex-direction:column}.header .user_profile_container .user_profile .profile_info .profile_info_left span{font-size:.8rem}.header .user_profile_container .user_profile .profile_info .profile_info_right{display:flex;position:relative}.header .user_profile_container .user_profile .profile_info .profile_info_right .profile_modal{box-shadow:0 0 2px #c0bebe;width:189px;height:112px;padding:16px;border-radius:8px;position:absolute;top:50px;z-index:9;right:0;background-color:#fff;display:flex;gap:16px;flex-direction:column}.header .user_profile_container .user_profile .profile_info .profile_info_right .profile_modal section.line{height:1px;background-color:gray;border:none;width:157px}.header .user_profile_container .user_profile .profile_info .profile_info_right .profile_modal section{width:77px;height:24px;display:flex;align-items:center;gap:8px}.header .user_profile_container .user_profile .profile_info .profile_info_right .profile_modal section span{display:flex;flex-direction:row;align-items:center;gap:5px}.header .user_profile_container .user_profile .profile_info .profile_info_right .profile_modal section span:last-child{font-weight:400;font-size:16px}.notification-modal{width:460px;max-width:95%;max-height:628px;background:#fff;box-shadow:-2px 0 8px #0003;display:flex;flex-direction:column;border-radius:6px 0 0 6px;overflow:hidden;position:absolute;top:50px;right:50px;background-color:#fff;z-index:99}.modal-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid #eee;position:relative}.modal-header h3{font-size:16px;font-weight:600;margin:0}.modal-header .badge{margin-left:8px;background:#222;color:#fff;font-size:13px;font-weight:500;padding:2px 8px;border-radius:50%}.modal-header .close-btn{position:absolute;right:16px;top:14px;background:none;border:none;font-size:18px;cursor:pointer;color:#666}.modal-header .close-btn:hover{color:#000}.no-notifications{height:297px;display:flex}.no-notifications .content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;background:linear-gradient(to bottom,#fff,#f7fbfd)}.no-notifications .content img{height:100px;width:100px}.no-notifications .content .bell-icon{width:80px;height:auto;margin-bottom:20px}.no-notifications .content h4{margin:0 0 6px;font-size:16px;font-weight:600;color:#333}.no-notifications .content p{font-size:13px;color:#666;margin:0}.notification-list{flex:1;overflow-y:auto;padding:10px 0}.modal-footer{border-top:1px solid #eee;background:linear-gradient(to bottom,#fff,#f9f9f9)}.modal-footer .view-all{width:100%;background:#b34719;color:#fff;border:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex}.modal-footer .view-all .view_link{width:100%;height:100%;padding:10px}.modal-footer .view-all:hover{background:#8c3613}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f0f0}.notification-item .icon_container{height:50px;width:50px;border-radius:50px}.notification-item .icon_container .image_icon{width:100%;height:100%;object-fit:contain}.notification-item .notification-content{flex:1}.notification-item .notification-content .title{font-size:14px;font-weight:600;margin:0;color:#222}.notification-item .notification-content .message{font-size:13px;color:#555;margin:2px 0 0}.notification-item .notification-content .message.link{color:#0878db;text-decoration:underline;cursor:pointer}.notification-item .date{font-size:12px;color:#777;white-space:nowrap}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:14px}.breadcrumbs .breadcrumb-link{color:var(--primary_brown);font-weight:600;text-decoration:none}.breadcrumbs .breadcrumb-link:hover{text-decoration:underline}.breadcrumbs .breadcrumb-current{font-weight:700;color:#333}.breadcrumbs:before{margin:0 5px;color:#aaa}.breadcrumbs a+a:before,.breadcrumbs a+span:before,.breadcrumbs span+a:before{content:"/";margin:0 5px;color:#aaa}.customer{height:100vh;display:flex}.customer .left{flex:.5;transition:all ease .5s}.customer .left.active{flex:0}.customer .right{flex:2;padding:0!important;overflow:scroll}.customer_management_container{width:100%;height:calc(100vh - 80px);padding:10px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;background-color:none;gap:30px;position:relative;overflow-y:scroll}.customer_management_container .top{display:flex;flex-direction:column;gap:25px}.customer_management_container .top .top_first{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.customer_management_container .top .top_second{display:flex;gap:10px}.customer_management_container .top .top_second .total_customer_statics.active{background-color:#f9e7df;color:#8b3715;border:1px solid #8b3715}.customer_management_container .top .top_second .total_customer_statics{box-shadow:0 0 2px #c0bebe;padding:8px 12px;border-radius:50px;background-color:transparent;outline:none;border:none;cursor:pointer}.customer_management_container .top .top_third{display:flex;justify-content:space-between;align-items:center}.customer_management_container .top .top_third .btn_container{display:flex;gap:10px}.customer_management_container .top .top_third .btn_container button{cursor:pointer;border-radius:8px;background-color:transparent;border:none;outline:none;padding:8px 12px;height:40px;display:flex;justify-content:center;align-items:center;gap:10px}.customer_management_container .top .top_third .btn_container button.add_customer{background-color:#c24e14;color:#fff}.customer_management_container .top .top_third .btn_container button.add_customer .add_link{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.customer_management_container .top .top_third .btn_container .export_section{position:relative}.customer_management_container .top .top_third .btn_container .export_section .export_modal{position:absolute;z-index:9;top:50px;display:flex;flex-direction:column;border-radius:8px;background-color:#fff;box-shadow:0 0 2px #c0bebe;padding:10px;font-size:.8rem;width:150px}.customer_management_container .top .top_third .btn_container .export_section .export_modal span{padding:8px;cursor:pointer}.customer_management_container .top .top_third .btn_container .export_section button{width:100%;border:1px solid var(--primary_brown);color:var(--primary_brown)}.customer_management_container .top .top_third .btn_container .export_section button .icon{font-size:1.1rem}.customer_management_container .middle{flex:1 1 auto;overflow-y:scroll}.customer_management_container .bottom{display:flex;flex-direction:row;justify-content:stretch;align-items:flex-end;gap:0px}.no_data_found{text-align:center;padding:40px 0;font-size:18px;font-weight:500;color:#888}.customer_statics{flex-basis:30%;padding:16px;box-shadow:0 0 2px #c0bebe;border-radius:8px;display:flex;justify-content:space-between}.customer_statics h2{font-size:32px;font-weight:900}.customer_statics .right{width:186px;display:flex;gap:20px;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.customer_statics .right::-webkit-scrollbar{display:none}.customer_statics .right{padding:0;align-self:flex-start;justify-content:flex-end}.customer_statics .right .dot.active{background-color:#00ac11}.customer_statics .right .dot{height:8px;width:8px;border-radius:8px;background-color:#898989}.customer_statics .right .right_content{display:flex;align-items:center;gap:10px}.customer_statics .right .right_content .stats{font-size:14px}.customer_statics .right .right_content .stats span{margin-right:5px}.customer_statics .right .right_content .stats span:first-child{font-weight:600}.customer_statics .right .right_content .stats{display:flex;align-items:center}.customer-details{padding:20px;font-family:Inter,sans-serif;color:#222}.section{border:1px solid #e5e7eb;border-radius:6px;background-color:#fff;margin:0 10px 20px}.section .top{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgb(223,222,222)}.section .top h3{font-size:16px;font-weight:600}.section .top{margin-bottom:15px}.section .form-grid{padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.section .form-grid .form-group{display:flex;flex-direction:column}.section .form-grid .form-group label{font-size:14px;margin-bottom:6px;display:flex;flex-direction:row;align-items:center;gap:5px}.section .form-grid .form-group label span{color:red}.section .form-grid .form-group input,.section .form-grid .form-group select{border:1px solid #d1d5db;border-radius:6px;padding:10px;font-size:14px;outline:none}.section .form-grid .form-group input:focus,.section .form-grid .form-group select:focus{border-color:#2563eb}.section .form-grid .form-group .mobile-input{display:flex}.section .form-grid .form-group .mobile-input select{width:70px;margin-right:8px}.section .form-grid .form-group .mobile-input input{flex:1}.section .form-grid .form-group .label{font-size:13px;color:#666;margin-bottom:4px}.section .form-grid .form-group .value{font-size:15px;font-weight:500;color:#222}.section .form-grid .form-group.wide{grid-column:span 2}.status-field{display:flex;align-items:center;gap:12px}.status-field select{padding:8px 12px;border:1px solid #d7dbe0;border-radius:6px;font-size:14px}.status-field .badges_container{min-width:100px;display:flex;align-items:center}.add-btn{background:var(--primary_brown);outline:none;border:none;color:#fff;padding:10px 12px;border-radius:6px;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:5px}.remove-btn{background:var(--primary_brown);margin-top:10px;display:flex;flex-direction:row;align-items:center;gap:5px;color:#fff;border-radius:4px;cursor:pointer;outline:none;border:none;margin-left:15px;margin-bottom:20px;padding:10px 12px}.edit_user{height:calc(100vh - 80px);background:linear-gradient(90deg,#e9f4fa,#f9f8f2 65%);padding-top:10px;width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:0}.footer-bar{background:#fff;border-top:1px solid #e5e5e5;box-shadow:0 -2px 6px #00000014;padding:12px 20px;justify-content:flex-end;gap:12px;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0px}.footer-bar .btn{padding:10px 20px;border-radius:6px;font-weight:500;outline:none;border:none;cursor:pointer;transition:all .2s;color:#fff}.footer-bar .btn.temp_btn{background-color:#f0975be1}.footer-bar .btn.cancel{background:transparent;color:#d9534f;border:none}.footer-bar .btn.cancel:hover{text-decoration:underline}.footer-bar .btn.edit{background:#b34719;color:#fff;border:none}.footer-bar .btn.edit:hover{background:#8c3613}.footer-bar .right{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:0;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.footer-bar .right::-webkit-scrollbar{display:none}.footer-bar::-webkit-scrollbar{display:none}.owner-dropdown{position:relative;width:100%}.owner-dropdown .dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#fff;border:1px solid #d7dbe0;border-radius:8px;font-size:14px;color:#2e2e2e;cursor:pointer}.owner-dropdown .dropdown-header .label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.owner-dropdown .dropdown-header .chevron{font-size:12px;color:#6a7785;transition:transform .2s ease}.owner-dropdown .dropdown-header .chevron.open{transform:rotate(180deg)}.owner-dropdown .dropdown-header.disable{background-color:#f6f4f4;cursor:not-allowed}.owner-dropdown .dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #e4e7eb;border-radius:10px;box-shadow:0 8px 20px #00000014;z-index:30;overflow:auto;height:max-content;max-height:300px}.owner-dropdown .dropdown-menu .item{padding:10px 14px;font-size:14px;cursor:pointer}.owner-dropdown .dropdown-menu .item:hover{background:#fcefe8}.owner-dropdown .dropdown-menu .item.selected{background:#f9e3d7}.status-dropdown{position:relative;width:250px;font-family:sans-serif;width:100%}.status-dropdown .selected{display:flex;justify-content:space-between;align-items:center;border:1px solid #ccc;padding:6px 12px;border-radius:8px;cursor:pointer;background:#fff}.status-dropdown .arrow{margin-left:8px;font-size:12px;color:#555}.status-dropdown .options{position:absolute;top:100%;left:0;width:100%;border:1px solid #ddd;border-radius:8px;background:#fff;margin-top:4px;z-index:100;padding:5px;box-shadow:0 2px 6px #0000001a}.status-dropdown .options .option{margin-top:5px;padding:8px 12px;cursor:pointer;display:flex;align-items:center}.status-dropdown .options .option:hover{background:#f4f4f4}.status-dropdown .badge{display:flex;align-items:center;border-radius:20px;padding:4px 10px;font-size:14px;font-weight:500}.status-dropdown .badge .dot{width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dropdown .badge.active{border:1px solid #16a34a;color:#16a34a}.status-dropdown .badge.active .dot{background:#16a34a}.status-dropdown .badge.inactive{border:1px solid #9ca3af;color:#9ca3af}.status-dropdown .badge.inactive .dot{background:#9ca3af}.status-dropdown .badge.disabled{border:1px solid #f59e0b;color:#f59e0b}.status-dropdown .badge.disabled .dot{background:#f59e0b}.status-dropdown .badge.archived{border:1px solid #dc2626;color:#dc2626}.status-dropdown .badge.archived .dot{background:#dc2626}.add_user_container{height:calc(100vh - 80px);width:100%;background:linear-gradient(90deg,#e9f4fa,#f9f8f2 65%);display:flex;flex-direction:column;justify-content:space-between;gap:0}.profile-container{padding:1.5rem}.profile-container .title{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.profile-container .card{background:#fff;border-radius:12px;padding:20px;margin-bottom:1rem;display:flex;box-shadow:0 2px 6px #0000001a}.profile-container .profile-card{display:flex;flex-direction:column;gap:20px}.profile-container .profile-card .profile_av_edit{display:flex;justify-content:space-between}.profile-container .profile-card .profile_av_edit .profile_nam_av h3{font-size:1.1rem;font-weight:700;font-size:20px;margin-bottom:.5rem}.profile-container .profile-card .profile_av_edit .profile_nam_av{display:flex;align-items:center}.profile-container .profile-card .avatar{width:62px;height:62px;border-radius:50%;background:#d9e5f5;color:#1d4ed8;font-weight:600;font-size:1.2rem;display:flex;align-items:center;justify-content:center;margin-right:1.5rem}.profile-container .profile-card .info{flex:1}.profile-container .profile-card .info .details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.3rem 1rem}.profile-container .profile-card .info .details p{display:flex;flex-direction:column}.profile-container .profile-card .info .details p span{font-weight:700;color:#02263b;margin-right:6px;font-size:14px}.profile-container .profile-card .info .details p span:first-child{font-weight:400;color:#454545}.profile-container .profile-card .edit-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#555}.profile-container .profile-card .edit-btn:hover{color:#111}.profile-container .password-card{justify-content:space-between}.profile-container .password-card .password-field{display:flex;flex-direction:column}.profile-container .password-card .password-field span:first-child{font-size:.9rem;font-weight:600}.profile-container .password-card .password-field .stars{margin-top:2px;letter-spacing:2px}.profile-container .password-card .change-password_btn{background:#c8501e;overflow:hidden;color:#fff;border:none;padding:0!important;border-radius:8px;cursor:pointer;font-weight:600;height:40px}.profile-container .password-card .change-password_btn:hover{background:#a53f17}.profile-container .password-card .change_password_link{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0px;padding:0 5px;height:100%;width:100%}.edit-profile-container{padding:1.5rem}.edit-profile-container .header{margin-bottom:1rem}.edit-profile-container .header .back{display:flex;align-items:center;gap:8px}.edit-profile-container .header .back h2{font-size:1.2rem;font-weight:600}.edit-profile-container .header .back svg{font-size:1.1rem;cursor:pointer}.edit-profile-container .header .breadcrumb{margin-top:4px;font-size:.85rem;color:#666}.edit-profile-container .header .breadcrumb span{color:#d35400;font-weight:600}.edit-profile-container .card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 6px #0000001a}.edit-profile-container .form-card{display:flex;flex-direction:column}.edit-profile-container .form-card .avatar{position:relative;width:80px;height:80px;border-radius:50%;background:#d9e5f5;color:#1d4ed8;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.3rem;margin-bottom:1.5rem}.edit-profile-container .form-card .avatar .edit-avatar{position:absolute;bottom:0;right:0;background:#fff;border:1px solid #ddd;border-radius:50%;padding:4px;cursor:pointer;font-size:.8rem}.edit-profile-container .form-card .avatar .edit-avatar:hover{background:#f1f1f1}.edit-profile-container .form-card .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:100%}.edit-profile-container .form-card .form-grid .form-group{display:flex;flex-direction:column;font-size:14px}.edit-profile-container .form-card .form-grid .form-group label{font-size:14px;font-weight:400;margin-bottom:4px}.edit-profile-container .form-card .form-grid .form-group input{padding:12px;border:1px solid #ccc;border-radius:8px;font-size:1rem;color:#6c6c6c;font-weight:400}.edit-profile-container .form-card .form-grid .form-group input:focus{border-color:#1d4ed8;outline:none}.edit-profile-container .form-card .actions{margin-top:1.5rem;text-align:right;width:100%}.edit-profile-container .form-card .actions .save-btn{background:#c8501e;color:#fff;border:none;padding:.7rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer}.edit-profile-container .form-card .actions .save-btn:hover{background:#a53f17}.notification_page{margin-top:10px;min-height:100vh;border-radius:8px}.change-password-container{padding:1.5rem}.change-password-container .breadcrumb{font-size:.95rem;margin-bottom:1.5rem}.change-password-container .breadcrumb .profile{color:#e36414;font-weight:500}.change-password-container .breadcrumb .divider{margin:0 .5rem;color:#888}.change-password-container .password-form{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 6px #0000001a;max-width:900px;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.change-password-container .password-form .form-group{display:flex;flex-direction:column;gap:.5rem}.change-password-container .password-form .form-group label{font-size:.9rem;font-weight:500;color:#444}.change-password-container .password-form .form-group .input-wrapper{position:relative}.change-password-container .password-form .form-group .input-wrapper input{width:100%;padding:.75rem 2.5rem .75rem .9rem;border:1px solid #ccc;border-radius:6px;font-size:.95rem}.change-password-container .password-form .form-group .input-wrapper .icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#444;cursor:pointer}.change-password-container .password-form .btn-primary{grid-column:2/3;justify-self:end;align-self:end;padding:.7rem 1.5rem;background:#c54d1f;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .3s}.change-password-container .password-form .btn-primary:hover{background:#a63d15}.userdetail{width:100%;min-height:calc(100vh - 80px);padding-top:10px;display:flex;flex-direction:column;justify-content:space-between;gap:0px}.userdetail .userdetail_top .top .left{display:flex;flex-direction:row;align-items:center;gap:10px}.userdetail .middle_section{padding:0 20px}.userdetail .middle_section h4{margin-bottom:10px}.userdetail .middle_section .activity_section{width:100%}.userdetail .bottom{display:flex;flex-direction:column;gap:10px}.customer-details{padding:20px;font-family:Inter,sans-serif;color:#222;border:2px solid yellow}.customer-details .page-title{font-size:20px;font-weight:600;margin-bottom:20px}.customer-details .card{width:100%;background:#fff;border:1px solid #d9e2ec;border-radius:8px;box-shadow:0 2px 6px #0000000d;padding:20px;margin-bottom:20px}.customer-details .card .section-title{font-size:16px;font-weight:600;margin-bottom:15px;color:#333}.customer-details .card .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.customer-details .card .info-grid .info-item{display:flex;flex-direction:column}.customer-details .card .info-grid .info-item .label{font-size:13px;color:#666;margin-bottom:4px}.customer-details .card .info-grid .info-item .value{font-size:15px;font-weight:500;color:#222}.customer-details .card .info-grid .info-item.wide{grid-column:span 2}.customer-details .status{display:inline-flex;align-items:center;font-size:14px;font-weight:500;padding:4px 10px;border-radius:20px;background:#e7f8ef;color:#1a9a55}.customer-details .highlight{color:#0878db}.customer-details .footer-bar{position:fixed;bottom:0;left:240px;right:0;background:#fff;border-top:1px solid #e5e5e5;box-shadow:0 -2px 6px #00000014;padding:12px 20px;display:flex;justify-content:flex-end;gap:12px}.customer-details .footer-bar .btn{padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.customer-details .footer-bar .btn.cancel{background:transparent;color:#d9534f;border:none}.customer-details .footer-bar .btn.cancel:hover{text-decoration:underline}.customer-details .footer-bar .btn.edit{background:#b34719;color:#fff;border:none}.customer-details .footer-bar .btn.edit:hover{background:#8c3613}.edit_customer{background:linear-gradient(90deg,#e9f4fa,#f9f8f2 65%);padding-top:10px;width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:0}.add-customer-form{background:linear-gradient(90deg,#e9f4fa,#f9f8f2 65%)}.add-customer-form .add_customer_section{display:flex;flex-direction:column;justify-content:space-between;gap:0px}.add-customer-form{background:linear-gradient(90deg,#e9f4fa,#f9f8f2 65%);display:flex;flex-direction:column;height:calc(100vh - 80px);overflow:hidden}.add-customer-form .add_customer_section{flex:1;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between;gap:0px}.reset-form{display:flex;flex-direction:column;gap:1.2rem}.reset-form .form-group{text-align:left}.reset-form .form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.4rem;color:#333}.reset-form .form-group .input-wrapper{position:relative}.reset-form .form-group .input-wrapper input{width:100%;padding:.75rem 2.5rem .75rem .9rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;outline:none}.reset-form .form-group .input-wrapper input:focus{border-color:#c24e14;box-shadow:0 0 0 2px #c24e1433}.reset-form .form-group .input-wrapper .toggle-eye{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.1rem;color:#888}.reset-form .update-btn{background:#c24e14;color:#fff;border:none;padding:.85rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s}.reset-form .update-btn:hover{background:#a83f10}.auth-layout{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:#f9f9f9;position:relative;background:url(/assets/img_solar-DmfTpSBQ.jpg) no-repeat center center/cover}.auth-layout .need-help-top{position:absolute;top:1.2rem;right:1.5rem}.auth-layout .need-help-top button{background:none;border:none;color:#666;font-size:.9rem;font-weight:600;cursor:pointer;transition:color .3s}.auth-layout .need-help-top button:hover{color:#c24e14;text-decoration:underline}.auth-layout .auth_container .auth_top{margin-bottom:100px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0px}.auth-layout .auth_container .auth_top img{width:168px;height:118px;object-fit:cover}.auth-layout .auth_container .auth-card{background:#fff;padding:2rem 2.5rem;border-radius:12px;box-shadow:0 4px 12px #00000014;width:686px;text-align:center}.auth-layout .auth_container .auth-card .auth-logo{margin-bottom:1rem}.auth-layout .auth_container .auth-card .auth-logo img{width:60px;height:auto}.auth-layout .auth_container .auth-card .auth-header{font-size:1.5rem;font-weight:700;margin-bottom:.3rem}.auth-layout .auth_container .auth-card .auth-subtitle{font-size:.9rem;color:#555;margin-bottom:1.5rem}.auth-layout .auth_container .auth-card .auth-content .auth-form{display:flex;flex-direction:column;gap:1.2rem;text-align:left}.auth-layout .auth_container .auth-card .auth-content .auth-form .form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.4rem;color:#333}.auth-layout .auth_container .auth-card .auth-content .auth-form .form-group .input-wrapper{position:relative}.auth-layout .auth_container .auth-card .auth-content .auth-form .form-group .input-wrapper input{width:100%;padding:.75rem 2.5rem .75rem .9rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;outline:none;transition:all .2s ease}.auth-layout .auth_container .auth-card .auth-content .auth-form .form-group .input-wrapper input:focus{border-color:#c24e14;box-shadow:0 0 0 2px #c24e1433}.auth-layout .auth_container .auth-card .auth-content .auth-form .form-group .input-wrapper .toggle-eye{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.1rem;color:#888;transition:color .2s ease}.auth-layout .auth_container .auth-card .auth-content .auth-form .form-group .input-wrapper .toggle-eye:hover{color:#c24e14}.auth-layout .auth_container .auth-card .auth-content .auth-form .form-group .forgot-password{text-align:right;margin-top:.4rem}.auth-layout .auth_container .auth-card .auth-content .auth-form .form-group .forgot-password button{background:none;border:none;color:#c24e14;font-size:.85rem;font-weight:600;cursor:pointer;transition:color .2s}.auth-layout .auth_container .auth-card .auth-content .auth-form .form-group .forgot-password button:hover{background:#d28b6f}.auth-layout .auth_container .auth-card .auth-content .auth-form .submit-btn{background:#e6a48a;color:#fff;border:none;padding:.85rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s}.auth-layout .auth_container .auth-card .auth-content .auth-form .submit-btn:hover{background:#d28b6f}.auth-layout .auth_container .auth-card .auth-content .auth-form .submit-btn:disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.sign-in{text-align:center;font-size:1rem;font-weight:700}.submit-btn{background:#e6a48a}.sign-in{color:var(--primary_brown)}.warranty-page{font-family:Arial,sans-serif;color:#333}.warranty-page .icon{color:orange}.warranty-page .top-bar{background:#f7f7f7;padding:8px 80px;display:flex;justify-content:space-between;font-size:14px;color:var(--header_nav_color)}.warranty-page .top-bar .top-left{margin-right:20px;display:flex;flex-direction:row;align-items:center;gap:20px}.warranty-page .top-bar .top-left span{display:flex;flex-direction:row;align-items:center;gap:5px}.warranty-page .top-bar .top-right{display:flex;align-items:center;gap:15px}.warranty-page .top-bar .top-right a{color:var(--header_nav_color);text-decoration:none}.warranty-page .top-bar .top-right a:hover{color:#fcb900}.warranty-page .top-bar .top-right .social-icons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px;color:var(--header_nav_color);margin-right:5px}.warranty-page .top-bar .top-right .social-icons a{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0px}.warranty-page .navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 80px;background:#fff;border-bottom:1px solid #eee}.warranty-page .navbar ul{list-style:none;display:flex;flex-direction:row;align-items:center;gap:30px}.warranty-page .navbar ul li{cursor:pointer}.warranty-page .navbar ul li:hover{color:#fcb900}.warranty-page .navbar .search{cursor:pointer;padding:8px 15px;border-radius:5px;background-color:var(--primary_brown);color:#fff}.warranty-page .hero{background:url(https://images.unsplash.com/photo-1570161766218-f8488ebb8078?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D) center/cover no-repeat;height:322px;color:#fff;background-color:#222}.warranty-page .hero .hero_inner{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#22222238;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0px}.warranty-page .hero .hero_inner .content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center;width:30%}.warranty-page .hero .hero_inner .content h1{font-size:40px}.warranty-page .hero .hero_inner .content .line{height:4px;width:40px;border-radius:5px;background-color:orange}.warranty-page .certificate-section{display:flex;justify-content:space-between;width:90%;margin:40px auto;gap:40px;background:#fff;height:536px}.warranty-page .certificate-section .certificate-left{flex:1;position:relative;height:100%}.warranty-page .certificate-section .certificate-left .image-overlay{position:relative;height:100%}.warranty-page .certificate-section .certificate-left .image-overlay img{width:100%;border-radius:8px;display:block;height:100%}.warranty-page .certificate-section .certificate-left .image-overlay .overlay-content{position:absolute;bottom:30px;left:30px;color:#fff}.warranty-page .certificate-section .certificate-left .image-overlay .overlay-content h3{font-size:20px;margin-bottom:20px;font-weight:700}.warranty-page .certificate-section .certificate-left .image-overlay .overlay-content .step{display:flex;align-items:center;margin-bottom:15px}.warranty-page .certificate-section .certificate-left .image-overlay .overlay-content .step .circle{width:28px;height:28px;border-radius:50%;background:#ffffffe6;color:#333;font-weight:700;display:flex;align-items:center;justify-content:center;margin-right:12px}.warranty-page .certificate-section .certificate-left .image-overlay .overlay-content .step p{font-size:14px;line-height:1.4}.warranty-page .certificate-section .certificate-right{flex:1;border-radius:10px}.warranty-page .certificate-section .certificate-right h1{margin-bottom:20px}.warranty-page .certificate-section .certificate-right form{display:flex;flex-direction:column;gap:30px}.warranty-page .certificate-section .certificate-right form .input_container{display:flex;flex-direction:column;gap:10px}.warranty-page .certificate-section .certificate-right form input{padding:12px;border:1px solid #ccc;border-radius:6px;font-size:14px}.warranty-page .certificate-section .certificate-right form button{background:#fcb900;border:none;width:max-content;padding:12px;font-weight:700;border-radius:20px;cursor:pointer;transition:.3s;color:#fff}.warranty-page .certificate-section .certificate-right form button:hover{background:#d99800}.warranty-page .footer{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;background:#222;color:#fff;padding:40px 80px;height:326px;gap:30px}.warranty-page .footer .logo{width:120px;margin-bottom:15px}.warranty-page .footer h4{margin-bottom:15px;font-size:16px}.warranty-page .footer ul{list-style:none;padding:0}.warranty-page .footer ul li{margin-bottom:8px;cursor:pointer}.warranty-page .footer ul li:hover{text-decoration:underline}.warranty-page .footer .footer-links ul{margin-top:10px;display:flex;flex-direction:column;gap:15px}.warranty-page .footer .footer-links ul li:before{content:">";margin-right:10px}.warranty-page .footer .footer-contact{display:flex;flex-direction:column;gap:10px}.warranty-page .footer .footer-contact p{color:var(--footer_links_color)}.warranty-page .footer .newsletter-box{display:flex;flex-direction:column;gap:10px}.warranty-page .footer .newsletter-box input{flex:1;padding:13px;border-radius:5px;border:none}.warranty-page .footer .newsletter-box button{background:#fcb900;border:none;cursor:pointer;width:max-content;padding:10px 20px;border-radius:20px;color:#fff}.warranty-page .footer .newsletter-box button:hover{background:#d99800}.warranty-certificate__background{width:100%;height:auto;display:block}.warranty-certificate{position:relative;width:210mm;height:297mm;max-width:100%;margin:0 auto;background-color:#fff;background-position:center center;background-size:cover;background-repeat:no-repeat;box-shadow:0 4px 6px #0000001a}.warranty-certificate__content{padding:5mm 8mm;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box}.warranty-certificate__body{margin-top:8rem}.warranty-certificate__header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.875rem}.warranty-certificate__ref,.warranty-certificate__date{font-weight:700}.warranty-certificate__address{margin-bottom:10px;line-height:1.6}.warranty-certificate__to,.warranty-certificate__company{font-weight:600}.warranty-certificate__greeting{margin:1.5rem 0px}.warranty-certificate__subject{margin-bottom:var(--spacing-lg)}.warranty-certificate__subject-title{font-weight:700;font-size:1.125rem;text-decoration:underline}.warranty-certificate__po{margin-top:1.5rem;margin-bottom:1rem}.warranty-certificate__po-number{font-weight:600}.warranty-certificate__po-date{font-weight:600;margin-left:50px}.warranty-certificate__text{margin-bottom:var(--spacing-lg);text-align:justify;line-height:1.8}.warranty-certificate__text p{margin:0}.warranty-certificate__text .bold{font-weight:600}.warranty-certificate__text sup{font-size:.75em;vertical-align:super}.warranty-certificate__table-title{font-weight:600;margin-bottom:.75rem}.warranty-certificate__table{width:100%;border-collapse:collapse;border:2px solid var(--color-border);border:1px solid black;margin-bottom:var(--spacing-lg)}.warranty-certificate__table thead{background-color:#c3c2c2}.warranty-certificate__table th,.warranty-certificate__table td{padding:5px 10px;text-align:center;border:1px solid black}.warranty-certificate__table th{font-weight:600}.warranty-certificate__footer{margin-top:8px}.warranty-certificate__thanks{font-weight:600}.seal_sign_container{margin-top:2rem}.seal_sign_container .warranty-certificate__company-name{font-weight:600;margin-bottom:5px}.seal_sign_container .seal_sign{margin:10px 0}.seal_sign_container .seal_sign img{height:100px;width:100px}@media (max-width: 768px){body{padding:1rem}.warranty-certificate__content{padding:var(--spacing-md)}.warranty-certificate__body{margin-top:6rem}.warranty-certificate__header{flex-direction:column;gap:var(--spacing-sm)}.warranty-certificate__po-date{margin-left:var(--spacing-sm);display:block;margin-top:.25rem}.warranty-certificate__table{font-size:.875rem}.warranty-certificate__table th,.warranty-certificate__table td{padding:.375rem .5rem}}@media print{body{background-color:#fff;padding:0}.warranty-certificate{box-shadow:none}}.otp-modal{text-align:center;padding:2rem;max-width:450px;margin:auto}.otp-modal button{padding:.6rem 1.2rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease,border .2s ease}.otp-modal button.resend-otp{background-color:#c24e14;outline:none;border:none;color:#fff}.otp-modal button.cancel-btn{background:transparent;border:1px solid #ccc;color:#555}.otp-modal button.cancel-btn:hover{background:#f5f5f5}.otp-modal button.verify-btn{background:#c24e14;border:none;color:#fff}.otp-modal h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#222}.otp-modal p{font-size:.95rem;color:#555;margin-bottom:1.5rem}.otp-modal p b{color:#000}.otp-modal .otp-inputs{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.otp-modal .otp-inputs input{width:45px;height:50px;text-align:center;font-size:1.25rem;font-weight:600;border:1px solid #ccc;border-radius:8px;outline:none;transition:all .2s ease}.otp-modal .otp-inputs input:focus{border-color:#c24e14;box-shadow:0 0 5px #c24e1466}.otp-modal .resend{font-size:.9rem;color:#777;margin-bottom:1.5rem}.otp-modal .resend span{font-weight:600;color:#c24e14}.otp-modal .btn_container{display:flex;justify-content:center;gap:1rem}.customer-dashboard{padding:20px;font-family:Arial,sans-serif}.customer-dashboard h2{margin-bottom:20px;font-size:24px;font-weight:600}.customer-dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:30px}.customer-dashboard .stat-card{background:#fff;border-radius:12px;padding:16px;text-align:center;box-shadow:0 4px 10px #0000000d;border-top:4px solid;transition:transform .2s ease}.customer-dashboard .stat-card:hover{transform:translateY(-3px)}.customer-dashboard .stat-card .stat-value{font-size:26px;font-weight:700;margin-bottom:6px}.customer-dashboard .stat-card .stat-name{font-size:14px;color:#555}.customer-dashboard .chart-wrapper{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 12px #00000014;display:flex;justify-content:center;align-items:center;height:420px}.customer-dashboard .no-data{text-align:center;font-size:14px;color:#777}.settings-container{padding:1.5rem}.settings-container .card_container{border-radius:12px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;gap:1.5rem}.settings-container .card_container .card{background:#fff;border-radius:6px;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:20px}.settings-container .card_container .card .section-title{font-size:1rem;font-weight:600;background:#e3e7eb;padding:.6rem 1rem;border-radius:6px;height:40px;display:flex;align-items:center}.settings-container .card_container .card .options_container{display:flex;flex-direction:column;gap:15px}.settings-container .card_container .card .options_container .options_header{display:flex;align-items:center;gap:8px}.settings-container .card_container .card .options_container .options_header section{height:17px;width:17px;display:flex;justify-content:center;align-items:center;border-radius:2px;background-color:#c24e14;color:#fff}.settings-container .card_container .card .options_container .options_header section .line{height:1.1px;width:10px;background-color:#fff}.settings-container .card_container .card .options_container .options_header label{font-weight:500;font-size:14px;color:#202223}.settings-container .card_container .card .options_container .options{display:flex;flex-wrap:wrap;gap:1rem}.settings-container .card_container .card .options_container .options label{width:30%;display:flex;align-items:center;gap:8px;font-size:.9rem}.settings-container .card_container .card .options_container .options label input[type=checkbox]{width:17px;height:17px;cursor:pointer;accent-color:#c24e14}.settings-container .save-btn-container{margin-top:2rem;display:flex;justify-content:flex-end}.settings-container .save-btn-container button{background-color:#c24e14;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:.2s}.settings-container .save-btn-container button:disabled{background-color:#999;cursor:not-allowed}.settings-container .save-btn-container button:hover:not(:disabled){background-color:#a73f0f}.make-transfer-page{min-height:calc(100vh - 80px);display:flex}.make-transfer-page .make_transfer_innercontainer_one{flex:1;display:flex;flex-direction:column;gap:10px}.make-transfer-page .make_transfer_innercontainer_one .top{flex:1;padding:10px;display:flex;flex-direction:column;gap:10px}.make-transfer-page .make_transfer_innercontainer_one .top .selectall_container{display:flex;flex-direction:row;align-items:center;gap:5px}.make-transfer-page .make_transfer_innercontainer_one .top .checkbox_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.make-transfer-page .make_transfer_innercontainer_one .top .checkbox_grid .checkbox_container{display:flex;flex-direction:row;align-items:center;gap:5px}.make-transfer-page .make_transfer_innercontainer_one .top .checkbox_grid .checkbox_container label{color:var(--primary_brown);font-weight:700;font-size:.8rem;cursor:pointer}.make-transfer-page .make_transfer_innercontainer_two{flex:1;display:flex;flex-direction:column;gap:20px}.make-transfer-page .make_transfer_innercontainer_two .title{font-size:20px;font-weight:600;margin-bottom:16px}.make-transfer-page .make_transfer_innercontainer_two .grid{display:grid;grid-template-columns:1fr 48px 1fr;gap:16px;align-items:center;padding:0 10px}.make-transfer-page .make_transfer_innercontainer_two .checkbox_container{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.make-transfer-page .make_transfer_innercontainer_two .card{background:#fff;border:1px solid #eef1f4;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:18px;min-height:520px}.make-transfer-page .make_transfer_innercontainer_two .card .new_warranty_holder{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.make-transfer-page .make_transfer_innercontainer_two h3.heading{text-align:justify;font-size:16px;font-weight:700;color:#1f2a37;margin-bottom:14px;border:none}.make-transfer-page .make_transfer_innercontainer_two .houseowner_transfer{margin-bottom:10px;display:flex;flex-direction:row;align-items:center;gap:5px}.make-transfer-page .make_transfer_innercontainer_two .houseowner_transfer label{text-align:justify;font-size:16px;font-weight:700;color:#1f2a37;border:none}.make-transfer-page .make_transfer_innercontainer_two .field{margin-bottom:12px}.make-transfer-page .make_transfer_innercontainer_two .field label{display:block;font-size:13px;color:#425466;margin-bottom:6px;font-weight:600}.make-transfer-page .make_transfer_innercontainer_two .field label span{color:red}.make-transfer-page .make_transfer_innercontainer_two .field input[type=text],.make-transfer-page .make_transfer_innercontainer_two .field input[type=email],.make-transfer-page .make_transfer_innercontainer_two .field input[type=number]{width:100%;padding:10px 14px;background:#fff;border:1px solid #d7dbe0;border-radius:8px;font-size:14px}.make-transfer-page .make_transfer_innercontainer_two .field input[type=text]:disabled,.make-transfer-page .make_transfer_innercontainer_two .field input[type=email]:disabled,.make-transfer-page .make_transfer_innercontainer_two .field input[type=number]:disabled{background:#f6f8fa;color:#6b7280}.make-transfer-page .make_transfer_innercontainer_two .field input[type=text]:focus,.make-transfer-page .make_transfer_innercontainer_two .field input[type=email]:focus,.make-transfer-page .make_transfer_innercontainer_two .field input[type=number]:focus{outline:none;border-color:#5b9cff;box-shadow:0 0 0 3px #5b9cff26}.make-transfer-page .make_transfer_innercontainer_two .select_field select{width:100%;padding:8px;outline:none;border:.5px solid gray;border-radius:5px}.make-transfer-page .make_transfer_innercontainer_two .middle-badge{display:flex;align-items:center;justify-content:center;height:48px;width:48px;border-radius:999px;background:#fff;border:1px solid #e4e7eb;color:#6b7280;box-shadow:0 2px 8px #00000014;font-size:16px;-webkit-user-select:none;user-select:none}.make-transfer-page .make_transfer_innercontainer_two .actions{display:flex;justify-content:flex-end;margin-top:12px}.make-transfer-page .make_transfer_innercontainer_two .actions .btn-transfer{background:#c65020;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer;transition:background .2s ease}.make-transfer-page .make_transfer_innercontainer_two .actions .btn-transfer:hover{background:#a74319}.stepper{display:flex;align-items:center;padding:8px 16px}.stepper .step-container{display:flex;align-items:center;position:relative}.stepper .step-container .circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff;cursor:pointer;transition:background .2s ease}.stepper .step-container .circle.active{background-color:#0f172a}.stepper .step-container .circle.inactive{background-color:#d1d5db}.stepper .step-container .label{margin-left:8px;margin-right:16px;font-size:14px;color:#111827;font-weight:500}.stepper .step-container .line{width:50px;height:1px;border-top:2px dashed #6b7280;margin-right:16px}.psn-checkbox-list{border-radius:8px;padding:16px}.psn-checkbox-list .select-all{font-weight:600;margin-bottom:12px;display:block}.psn-checkbox-list .checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.psn-checkbox-list .checkbox-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.psn-checkbox-list .checkbox-item input[type=checkbox]{transform:scale(1.1);cursor:pointer}