aside{width:225px;height:100vh;background:#fff;padding:15px 15px 0;border-right:1px solid #eeeeee;position:sticky;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;transition:.3s ease}aside.hidden{padding-left:10px;padding-right:10px;width:50px}aside.hidden img[alt=logo]{display:none}aside.hidden ul li a,aside.hidden ul li button{padding:0!important;min-height:30px;justify-content:center}aside.hidden ul li a i,aside.hidden ul li button i{display:none}aside.hidden ul li a svg,aside.hidden ul li button svg{display:none}aside.hidden ul li a div svg,aside.hidden ul li button div svg{margin:0;display:block}aside.hidden .sidebar-footer a.profile{padding:0}aside.hidden .sidebar-footer .profile-info{color:#383838;display:none}aside.hidden .sidebar-footer .profile-image{width:100%}aside.hidden .sidebar-footer a.logout{bottom:40px;left:-5px}aside .sidebar-header{display:flex;justify-content:space-between;margin-bottom:20px}aside .sidebar-footer a{margin-bottom:15px;border-radius:5px;display:flex;align-items:center;gap:10px;transition:.3s ease;padding:5px 10px;cursor:pointer;border:1px solid transparent}aside .sidebar-footer a:hover{background-color:#e2eafb;border:1px solid #38A5E5}aside .sidebar-footer a .profile-image{border-radius:5px;font-size:0;height:35px;width:35px}aside .sidebar-footer a .profile-image img{width:100%;height:100%;object-fit:cover;border-radius:5px}aside .sidebar-footer a span{color:#383838}aside .sidebar-footer a svg{width:20px;height:20px;stroke:#1e5da2}aside .sidebar-footer .logout{display:block;position:relative;bottom:-4px;left:-10px;height:0}aside .sidebar-footer .logout a{margin-left:auto;font-size:0;border:none;outline:none;border-radius:50px;background-color:transparent;height:20px;width:20px}aside .sidebar-footer .logout a svg{width:20px;height:20px}aside .sidebar-footer .logout a svg path{fill:#38a5e5}aside .sidebar-footer .manage-users{margin-bottom:10px;background-color:#e2eafb;border-color:#38a5e5}aside .dropdown .dropdown-toggle{display:flex;align-items:center;width:100%;padding:10px;background:none;border:none;color:inherit;cursor:pointer;text-align:left}aside .dropdown .dropdown-menu{max-height:0;overflow:hidden;margin-top:0}aside .dropdown .dropdown-menu.open{max-height:100%;margin-top:10px}aside img[alt=logo]{height:35px;position:relative;align-items:center}aside i{height:2.1ch;font-weight:500;overflow:hidden;font-style:normal}aside ul{display:flex;flex-direction:column;gap:10px}aside ul:first-child{margin-top:20px}aside ul li{list-style:none}aside ul li a,aside ul li button{border-radius:5px;padding:10px 12px;color:#1e5da2!important;text-decoration:none;display:flex;align-items:center;gap:10px;justify-content:space-between}aside ul li a div,aside ul li button div{display:flex;align-items:center;gap:10px}aside ul li a i,aside ul li button i{font-size:15px;vertical-align:middle}aside ul li a:hover,aside ul li button:hover{background:#e2eafb!important}aside ul li a svg,aside ul li button svg{width:18px;height:18px}aside ul li ul{padding-left:12px;border-left:1px solid #38A5E5;margin-left:5px;margin-top:10px}aside ul li ul i{font-size:14px;white-space:nowrap}aside ul li.active{position:relative}aside ul li.active a{color:#38a5e5;background:#e2eafb;border:1px solid #38A5E5}aside ul li.active a:after{content:"";position:absolute;width:4px;border-radius:10px;height:100%;display:block;top:0;right:-16px;background-color:#38a5e5}.main-wrapper.dark-mode aside{background:#182134;border-color:#415169}.main-wrapper.dark-mode aside ul li a,.main-wrapper.dark-mode aside ul li button{border-color:transparent;color:#fff!important}.main-wrapper.dark-mode aside ul li a:hover,.main-wrapper.dark-mode aside ul li button:hover{background:#293546!important}.main-wrapper.dark-mode aside ul li.active a,.main-wrapper.dark-mode aside ul li.active button{background:#293546;border-color:#293546}.main-wrapper.dark-mode aside .sidebar-footer a{background:#293546;border-color:#293546}.main-wrapper.dark-mode aside .sidebar-footer a:hover{border-color:#38a5e5}.main-wrapper.dark-mode aside .sidebar-footer a span{color:#fff}.main-wrapper.dark-mode aside .sidebar-footer a svg{stroke:#fff}body{display:flex;min-height:100vh}#root{width:100%}.main-wrapper{display:flex;width:100%}.main-wrapper.dark-mode{background:#101828}.main-wrapper .page-wrapper{height:100%;position:relative;overflow-y:auto;width:calc(100% - 50px);display:flex;flex-direction:column;transition:margin .1s ease,width .1s ease}.main-wrapper .page-wrapper .page-content{flex-grow:1;padding:25px}.main-wrapper main{padding:15px;border-radius:5px;box-shadow:0 5px 10px #b7c0ce33;position:relative;min-height:100vh}.main-wrapper main .breadcrumbs{display:flex;align-items:center;gap:10px;margin-bottom:15px}.main-wrapper main .breadcrumbs a,.main-wrapper main .breadcrumbs h1{color:#38a5e5;text-decoration:none;font-size:16px;font-weight:500;margin:0!important}.main-wrapper main .breadcrumbs h1{color:#383838}.main-wrapper main .breadcrumbs span{color:#1e5da2;font-size:16px}.main-wrapper.dark-mode main .breadcrumbs{color:#fff}.main-wrapper.dark-mode main .breadcrumbs h1{color:#fff}.theme-switch{display:flex;width:fit-content;width:max-content;border-radius:5px;overflow:hidden}.theme-switch .input-group{background-color:#f0f0f0}.theme-switch .input-group label{display:flex;align-items:center;justify-content:center;gap:5px;padding:.5rem 1rem;cursor:pointer;transition:background-color .3s ease}.theme-switch .input-group input[type=radio]:checked+label{background-color:#38a5e5;color:#fff}.theme-switch .input-group input{display:none}#login-page-template,main{height:100%;width:100%;margin:0;padding:0;font-family:Poppins,sans-serif;font-weight:400}.form-section input.form-input{width:100%;padding:.75rem;font-size:1rem;border:1px solid #000}.form-section button[type=submit]{background:#38a5e5;color:#fff}.form-section h1{margin-bottom:20px}.form-section{min-height:100%;display:flex}.form-wrapper{width:100%;padding:clamp(1rem,5vw,2rem);margin:auto;border-radius:.25rem}.form-group{margin-bottom:1rem;flex-grow:1;flex-shrink:1}.form-input{border:0;border-radius:.25rem}.form-submit{display:block;width:100%;font-size:18px;padding:1rem;border:none;border-radius:.25rem;cursor:pointer;background-color:var(--primary);color:var(--white);transition:background-color cubic-bezier(.445,.05,.55,.95) .3s}@media screen and (min-width: 40rem){.form-wrapper{max-width:50ch}.form-row{display:flex}.form-row--inline{display:inline-flex}.form-row>.form-group{margin-right:.5rem;margin-left:.5rem}.form-row>.form-group:first-child{margin-left:unset}.form-row>.form-group:last-child{margin-right:unset}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);border:0;white-space:nowrap;visibility:hidden}.loader{width:8px;height:40px;border-radius:4px;display:block;margin:20px auto;position:relative;background:currentColor;color:#38a5e5;box-sizing:border-box;animation:animloader .3s .3s linear infinite alternate}.loader:after,.loader:before{content:"";width:8px;height:40px;border-radius:4px;background:currentColor;position:absolute;top:50%;transform:translateY(-50%);left:20px;box-sizing:border-box;animation:animloader .3s .45s linear infinite alternate}.loader:before{left:-20px;animation-delay:0s}@keyframes animloader{0%{height:48px}to{height:4px}}.dashboard .new-coupon-stats .new-coupon-header{color:#000;margin-bottom:20px}.dashboard .new-coupon-stats select,.dashboard .new-coupon-stats input[type=date]{padding:3px 5px;border-radius:4px;border:1px solid #e2eafb}.main-wrapper.dark-mode .dashboard .new-coupon-stats .new-coupon-header{color:#fff}.main-wrapper.dark-mode .dashboard .new-coupon-stats select,.main-wrapper.dark-mode .dashboard .new-coupon-stats input[type=date]{background-color:#293546;color:#fff;border-color:#415169}.csv-analyzer .file-upload-form{background-color:#d0e4ff;border:1px solid #38A5E5;width:100%;display:flex;align-items:center;justify-content:center;border-radius:5px}.csv-analyzer .file-upload-form input[type=file]{width:100%;cursor:pointer;font-size:16px;font-weight:600;color:#38a5e5;padding:10px;transition:.3s ease}.csv-analyzer .file-upload-form input[type=file]::file-selector-button{background-color:#38a5e5;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;transition:.3s ease;border:1px solid #38A5E5;margin-right:15px;font-weight:600;letter-spacing:1px}.csv-analyzer .file-upload-form input[type=file]::file-selector-button:hover{background-color:transparent;color:#383838;border-color:#383838}.csv-analyzer .file-upload-form button{font-size:16px;padding:8px 15px;border-radius:5px;border:none;background-color:#38a5e5;color:#fff;cursor:pointer;transition:.3s ease;margin-right:10px}.csv-analyzer .file-upload-form button:hover{background-color:transparent;color:#383838;border-color:#383838}.csv-analyzer .results{display:grid;gap:15px;margin-top:20px;grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}.csv-analyzer .results .file{background-color:#d0e4ff;border-radius:5px;border:1px solid #38A5E5;padding:15px}.csv-analyzer .results .file ul{list-style:none;padding-left:5px}.csv-analyzer .results .file ul li{margin-top:5px}.csv-analyzer .results .file .file-name{margin-bottom:10px}.csv-analyzer .results .file .file-info{background-color:#fff;padding:10px;border-radius:5px;border:1px solid #38A5E5;margin-bottom:10px}.ui-table{border:1px solid #e0e0e0;overflow-x:auto}.ui-table .ui-table-header{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px}.ui-table .ui-table-header select{padding:10px;border:1px solid #ddd;border-radius:5px;cursor:pointer}.ui-table .ui-table-header form{border:1px solid #ddd;border-radius:50px;display:flex;align-items:center;padding-right:2px}.ui-table .ui-table-header form input{padding:10px 10px 10px 15px;font-size:15px;border:none;border-radius:50px;border:1px solid transparent}.ui-table .ui-table-header form input:focus{outline:none}.ui-table .ui-table-header form button{font-size:20px;border-radius:50px;border:none;background:transparent;padding:10px;line-height:0;transition:.3s ease}.ui-table .ui-table-header form button:hover{background:#38a5e5;color:#fff}.ui-table table{width:100%;border-collapse:collapse;border-spacing:0;font-size:14px}.ui-table table thead th{padding:10px;font-weight:600;text-align:left;background-color:#fafafa;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0}.ui-table table thead th.actions{width:0px;padding:0;font-size:0}.ui-table table tbody tr:last-child td{border-bottom:none}.ui-table table tbody tr td{padding:10px;border-bottom:1px solid #e0e0e0}.ui-table table tbody tr td:first-child{width:50px}.ui-table table tbody tr td.actions{position:relative}.ui-table table tbody tr td.actions button.threedot{background:transparent;border:none;color:#38a5e5;font-size:20px;font-weight:600;padding:5px 15px 5px 10px;margin-right:-10px;cursor:pointer;transition:.3s ease}.ui-table table tbody tr td.actions button.threedot:hover{color:#f6762a}.ui-table table tbody tr td.actions ul.dropdown-menu{background-color:#fff;position:absolute;top:-15px;left:-90px;width:100px;box-shadow:0 2px 10px #0000001a;z-index:10;display:none}.ui-table table tbody tr td.actions ul.dropdown-menu.active{display:block}.ui-table table tbody tr td.actions ul.dropdown-menu li{list-style:none;margin:0}.ui-table table tbody tr td.actions ul.dropdown-menu li button{background-color:transparent;border:none;width:100%;text-align:left;padding:10px}.ui-table table tbody tr td.actions ul.dropdown-menu li button:hover{background-color:#f0f0f0}.ui-table table tbody tr td img{max-width:50px;height:45px;aspect-ratio:1;object-fit:cover;border-radius:50%}.main-wrapper.dark-mode .ui-table .ui-table-header form:has(input:focus),.main-wrapper .ui-table .ui-table-header form:has(input:focus){border-color:#38a5e5}.addRecord{background-color:#38a5e5;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;font-size:30px;margin-bottom:-40px;position:relative;bottom:-10px;left:10px;z-index:2}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:15px}.pagination span{color:#38a5e5;background-color:#e2eafb;border:1px solid transparent;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer;transition:.3s ease}.pagination span:hover{border:1px solid #38A5E5}.pagination button{font-size:20px;color:#38a5e5;border:none;background-color:transparent;border:1px solid #38A5E5;width:35px;height:35px;border-radius:50%;transition:.3s ease}.pagination button:hover{background-color:#38a5e5;color:#fff}.pagination button:disabled{background-color:#f0f0f0;color:#383838;cursor:not-allowed;border-color:#000}.pagination button.disabled{color:#383838}.main-wrapper.dark-mode .ui-table{border-color:#415169}.main-wrapper.dark-mode .ui-table .ui-table-header form{border:2px solid #415169}.main-wrapper.dark-mode .ui-table .ui-table-header select{background-color:#293546;color:#fff;border-color:#415169}.main-wrapper.dark-mode .ui-table .ui-table-header input{background-color:transparent;color:#fff}.main-wrapper.dark-mode .ui-table .ui-table-header button{color:#fff}.main-wrapper.dark-mode .ui-table .ui-table-header button:hover{background:#38a5e5;color:#fff}.main-wrapper.dark-mode .ui-table table thead th{background-color:#293546;color:#fff;border-color:#415169}.main-wrapper.dark-mode .ui-table table tbody tr td{background-color:transparent;color:#fff;border-color:#415169}.main-wrapper.dark-mode .ui-table table tbody tr td img{border-radius:50%}.main-wrapper.dark-mode .ui-table table tbody tr td.actions button.threedot{color:#38a5e5}.main-wrapper.dark-mode .ui-table table tbody tr td.actions button.threedot:hover{color:#f6762a}.main-wrapper.dark-mode .ui-table table tbody tr td.actions ul.dropdown-menu{background-color:#415169}.main-wrapper.dark-mode .ui-table table tbody tr td.actions ul.dropdown-menu li button{color:#fff}.main-wrapper.dark-mode .ui-table table tbody tr td.actions ul.dropdown-menu li button:hover{background-color:#38a5e5}.main-wrapper.dark-mode .pagination i{color:#fff}.main-wrapper.dark-mode .pagination button{border-color:#415169;color:#fff}.main-wrapper.dark-mode .pagination button:disabled{background-color:#939393;color:#383838;border-color:#000}.modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;display:flex;align-items:center;justify-content:flex-end}.modal .modal-content{background:#fff;width:100%;height:100%;max-width:400px;padding:20px;transform:translate(100%);opacity:0;overflow-y:auto;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.modal .modal-content form{display:flex;flex-direction:column;gap:15px}.modal .modal-content form label input,.modal .modal-content form label select{display:block;width:100%;margin-top:5px}.modal .modal-content form input,.modal .modal-content form select{padding:8px 10px;border-radius:5px;border:1px solid #383838;font-size:15px;font-weight:500}.modal .modal-content form input:focus,.modal .modal-content form select:focus{border-color:#38a5e5;outline:none}.modal .modal-content form select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.modal .modal-content form button{padding:10px;background-color:#38a5e5;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.modal .modal-content form button:hover{background-color:#1e5da2}.modal .modal-content h2{margin:0;font-size:18px;color:#38a5e5;font-weight:500}.modal.active .modal-content{transform:translate(0);opacity:1}.main-wrapper.dark-mode .modal .modal-content{background:#293546;border:1px solid #415169}.main-wrapper.dark-mode .modal .modal-content input,.main-wrapper.dark-mode .modal .modal-content select{background-color:#293546;color:#fff;border-color:#415169}.main-wrapper.dark-mode .modal .modal-content input:focus,.main-wrapper.dark-mode .modal .modal-content select:focus{border-color:#38a5e5}.main-wrapper.dark-mode .modal .modal-content button{background-color:#38a5e5;color:#fff}.main-wrapper.dark-mode .modal .modal-content button:hover{background-color:#1e5da2}form.delete div{display:flex;gap:15px}form.delete div button{width:100%}form.delete div button[type=submit]{background-color:#e21f1f}.userImage{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:10px}.userImage img{width:200px;height:200px;object-fit:cover;border-radius:50%}.userImage input[type=file]{width:200px;height:200px;position:absolute;top:0;left:50%;transform:translate(-50%);opacity:0;padding:0;cursor:pointer}.passwordSection{display:flex;align-items:center;gap:5px}.passwordSection input{width:100%}.passwordSection button{background:#fff!important;padding:0!important;font-size:0}.passwordSection button svg{color:#38a5e5;font-size:30px}.permissions-list div{margin-left:10px}.permissions-list div label{margin-left:5px}.permissions-list div label input[type=checkbox]{margin-right:5px}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}button{cursor:pointer;outline:none}a{text-decoration:none}.container{max-width:1140px;margin:0 auto;padding:0 12px}.employeeImage{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:10px}.employeeImage img{width:200px;height:200px;object-fit:cover;border-radius:50%}.employeeImage input[type=file]{width:200px;height:200px;position:absolute;top:0;left:50%;transform:translate(-50%);opacity:0;padding:0;cursor:pointer}