*{margin:0;padding:0;font-family:Google Sans,Helvetica,sans-serif}:root{--primary-color:#0379da;--danger-color:#ed1313;--success-color:#009200;--warning-color:#f0ad4e}a{text-decoration:none}hr{border:none;border-top:1px solid #ccc8}button:disabled,input:disabled,input:disabled+label{opacity:.5;cursor:no-drop!important}.loading-container{z-index:1000;background:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-container span{aspect-ratio:1;border:5px solid #ccc8;border-top-color:var(--primary-color);border-radius:50%;height:50px;animation:1s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.container{height:100vh;display:flex}.sidebar{border-right:1px solid #ccc5;flex-direction:column;width:200px;padding:1rem;display:flex}.sidebar .head button,.container main header .sidebar-toggle{display:none}.sidebar ul{height:100%;margin-top:2rem;list-style:none}.sidebar ul li a{color:#333;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.5rem;margin:1px;padding:.4rem;text-decoration:none;display:flex}.sidebar ul li a:hover{background-color:#ccc2;border-color:#ccc5}.sidebar ul li a.active{background-color:#ccc5;border-color:#ccc8}.sidebar ul li a.active i,.sidebar ul li a:hover i{color:var(--primary-color)}.sidebar .bottom{flex-direction:column;gap:.5rem;margin-top:auto;display:flex}.sidebar .bottom a,.sidebar .bottom button{background-color:var(--primary-color);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:1rem;padding:.5rem;font-size:14px;text-decoration:none}.sidebar .bottom button{background-color:#000}.bottom-nav{width:100%;position:fixed;bottom:.5rem}.bottom-nav ul{background:#000;border-radius:2rem;justify-content:space-evenly;align-items:center;gap:1rem;width:calc(100% - 3rem);margin:auto;padding:.5rem 1rem;font-size:15px;list-style:none;display:flex;box-shadow:0 10px 50px #ccc}.bottom-nav .sidebar-toggle{color:#999;cursor:pointer}.bottom-nav ul a{color:#999;border-radius:.5rem;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;text-decoration:none;display:flex}.bottom-nav ul a svg{height:17px}.bottom-nav ul a:hover{background-color:#ccc3}.bottom-nav ul a.active{color:var(--primary-color)}.alert-box{z-index:1000;background:#fff;border:1px solid #ccc8;border-radius:.5rem;padding:1rem 2rem;position:absolute;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 10px 50px #ccc5}.alert-box.error{color:#f44336;background:#f443360d;border-color:#f44336}.alert-box.success{color:#4caf50;background:#4caf501a;border-color:#4caf50}.login,.forgot{background-color:#f5f5f5;justify-content:center;align-items:center}.login form,.forgot form{background-color:#fff;border-radius:2rem;flex-direction:column;gap:1rem;width:400px;max-width:calc(100% - 4rem);padding:2rem;display:flex;box-shadow:0 10px 50px #ccc5}.login form img,.forgot form img{align-self:center;height:50px}.login form p,.forgot form p{color:#333;text-align:center;font-size:14px}.login form .input-wrap,.forgot form .input-wrap{flex-direction:column;gap:.2rem;margin:.5rem 0;display:flex;position:relative}.login form .input-wrap input,.forgot form .input-wrap input{background:#f5f5f5;border:1px solid #ccc8;border-radius:.5rem;padding:1rem}.login form .input-wrap input:focus,.forgot form .input-wrap input:focus{background-color:#fff;outline:none}.login form .input-wrap label,.forgot form .input-wrap label{color:#3338;border-radius:4px;padding:0 .2rem;transition:all .3s;position:absolute;top:1rem;left:1rem}.login form .input-wrap input:not(:placeholder-shown)+label,.forgot form .input-wrap input:not(:placeholder-shown)+label,.login form .input-wrap input:focus+label,.forgot form .input-wrap input:focus+label{color:var(--primary-color);background:#fff;font-size:12px;top:-.5rem}.login form .input-wrap #showPass,.forgot form .input-wrap #showPass{cursor:pointer;color:#333;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.login form a{color:var(--primary-color);font-size:14px;text-decoration:none}.login form button,.forgot form button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:1rem}.login form button:disabled,.forgot form button:disabled{cursor:not-allowed;background-color:#03a4da80}.password-requirements{background:#f7f9fc;border-radius:8px;margin:-8px 0 16px;padding:10px 12px;font-size:12px}.password-requirements small{color:#666;margin-bottom:7px;display:block}.password-requirements span{color:#888;margin:4px 0;display:block}.password-requirements span i{opacity:.35;width:16px;margin-right:5px;font-size:10px}.password-requirements span.valid{color:#198754}.password-requirements span.valid i{opacity:1}.password-requirements.invalid{border:1px solid #f0f0f0}.password-requirements.valid{border:1px solid #d5f0df}.password-match,.password-mismatch{margin:-8px 0 15px;font-size:12px;display:block}.password-match{color:#198754}.password-mismatch{color:#dc3545}.container main{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.container main header{border-bottom:1px solid #ccc8;justify-content:space-between;align-items:center;padding:1rem;display:flex}.container main header .profile-link{border-radius:50%;height:30px;box-shadow:0 5px 20px #ccc5}.container main header img{aspect-ratio:1;object-fit:cover;border-radius:50%;height:30px}.container .content{height:100%;position:relative;overflow:hidden}.container .content .loading{background:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.container .content .loading span{border:2px solid #ccc8;border-top-color:var(--primary-color);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.profile-container{justify-content:center;width:100%;height:100%;padding:4rem 0;display:flex}.profile-container .profile-card{border:1px solid #ccc8;border-radius:2rem;flex-direction:column;gap:1rem;width:400px;height:fit-content;margin-top:4rem;padding:2rem;display:flex;box-shadow:0 10px 50px #ccc5}.profile-container .profile-card img{object-fit:cover;background:#fff;border:1px solid #ccc8;border-radius:50%;align-self:center;width:150px;height:150px;margin-top:-30%;padding:1rem}.profile-container .profile-card h2{text-align:center;justify-content:center;align-items:center;gap:.5rem;display:flex}.profile-container .profile-card hr{border:none;border-top:1px solid #ccc8}.profile-container .profile-card ul{flex-direction:column;gap:.5rem;list-style:none;display:flex}.edit-profile,.add-employee{height:100%;display:flex;overflow:auto}.edit-profile .side,.add-employee .side{border-right:1px solid #ccc8;flex-direction:column;gap:.5rem;width:800px;height:calc(100% - 4rem);padding:2rem;display:flex;overflow:auto}.edit-profile .side img,.add-employee .side img{object-fit:cover;background:#fff;border:1px solid #ccc8;border-radius:50%;width:150px;height:150px;margin:0 auto;padding:1rem}.edit-profile .side>ul,.add-employee .side>ul{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1em;padding:2rem 0;display:grid}.edit-profile .side ul li,.add-employee .side ul li{font-size:12px;list-style:none}.edit-profile .side ul strong,.add-employee .side ul strong{font-size:14px}.edit-profile form,.add-employee form{flex-direction:column;justify-content:space-between;width:100%;height:calc(100% - 4rem);padding:2rem;display:flex}.edit-profile form .inputs,.add-employee form .inputs{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%;height:fit-content;display:grid}.edit-profile form .input-wrap,.add-employee form .input-wrap{flex-direction:column;gap:.2rem;width:100%;height:fit-content;margin:.5rem 0;display:flex;position:relative}.edit-profile form .input-wrap input,.add-employee form .input-wrap input,.edit-profile form .input-wrap select,.add-employee form .input-wrap select{background:#f5f5f5;border:1px solid #ccc8;border-radius:.5rem;padding:1rem}.add-employee form .input-wrap strong{color:var(--primary-color);cursor:pointer;margin-top:1rem;font-size:14px}.edit-profile form button,.add-employee form button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:.5rem;width:fit-content;padding:1rem}.employees-container{max-height:calc(100% - 2rem);padding:1rem;overflow:auto}.employees-container .head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.employees-container .head a{color:var(--primary-color);text-decoration:none}.employees-container .table{width:100%;height:fit-content;overflow:auto}.employees-container .table table{border-collapse:collapse;width:100%;height:100%;overflow:auto}.employees-container .table table th,.employees-container .table table td{text-align:left;border-bottom:1px solid #ccc8;padding:.2rem;font-size:12px}.employees-container .table table th{background:var(--primary-color);color:#fff;padding:.5rem}.employees-container .table table td .emp-name{color:var(--primary-color);align-items:center;gap:.5rem;text-decoration:none;display:flex}.employees-container .table table td .emp-name img{object-fit:cover;border-radius:1rem;width:20px;height:20px}.employees-container .table table td .emp-name small{color:#aaa;font-size:8px}.employees-container .table table td input[type=checkbox]{appearance:none;cursor:pointer;background:#f5f5f5;border:1px solid #ccc8;border-radius:1rem;width:30px;height:20px;position:relative}.employees-container .table table td input[type=checkbox]:after{content:"";background:#aaa;border-radius:.5rem;width:12px;height:12px;transition:all .1s linear;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.employees-container .table table td input[type=checkbox]:checked:after{content:"";background:#03da03;border-radius:.5rem;width:12px;height:12px;position:absolute;top:50%;left:45%;transform:translateY(-50%)}.employees-container .table table td .button{cursor:pointer;color:#000;background:0 0;border:none;margin:0 .4rem}.employees-container table tbody tr.disabled-tr{opacity:.5;background:#0001}.employees-container .items .item{border:1px solid #ccc8;border-radius:2rem;flex-direction:column;gap:1rem;margin:1rem 0;padding:1rem;display:flex;box-shadow:10px 10px 20px #ccc5}.employees-container .items .item.disabled-tr{opacity:.5;background:#0001}.employees-container .items .item .top{justify-content:space-between;align-items:center;display:flex}.employees-container .items .item .top .left{align-items:center;gap:1rem;display:flex}.employees-container .items .item .top .left .name{color:var(--primary-color);font-size:16px;font-weight:700;text-decoration:none}.employees-container .items .item .top .left small{color:#aaa;font-size:12px}.employees-container .items .item .top .right{align-items:center;gap:.5rem;display:flex}.employees-container .items .item .top .right a{color:#000;text-decoration:none}.employees-container .items .item .top .right button{cursor:pointer;color:#000;background:0 0;border:none;font-size:15px}.employees-container .items .item .top .right input[type=checkbox]{appearance:none;cursor:pointer;background:#f5f5f5;border:1px solid #ccc8;border-radius:1rem;width:30px;height:20px;position:relative}.employees-container .items .item .top .right input[type=checkbox]:after{content:"";background:#aaa;border-radius:.5rem;width:12px;height:12px;transition:all .1s linear;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.employees-container .items .item .top .right input[type=checkbox]:checked:after{content:"";background:#03da03;border-radius:.5rem;width:12px;height:12px;position:absolute;top:50%;left:45%;transform:translateY(-50%)}.employees-container img{object-fit:cover;border-radius:1rem;width:30px;height:30px}.attendance-container{height:calc(100% - 2rem);padding:1rem 2rem;overflow:auto}.attendance-container .popup{z-index:9999;background:#fff9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.attendance-container .popup .close{cursor:pointer;color:var(--danger-color);font-size:40px;position:absolute;top:1rem;right:1rem}.attendance-container .head{justify-content:space-between;align-items:center;width:100%;display:flex;position:sticky;left:0}.attendance-container .head .right{align-items:center;gap:1rem;display:flex}.attendance-container .head .filter{cursor:pointer;color:#000;background:0 0;border:none;font-size:15px}.attendance-container .filter-container{z-index:9999;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.attendance-container .filter-container .popup{background:#fff;border-radius:1.5rem;flex-direction:column;gap:1rem;width:300px;max-width:calc(100% - 2rem);height:fit-content;padding:1rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.attendance-container .filter-container .popup input,.attendance-container .filter-container .popup select{cursor:pointer;background:#f5f5f5;border:1px solid #ccc8;border-radius:1rem;width:calc(100% - 2rem);padding:1rem}.attendance-container .filter-container .popup select{width:100%}.attendance-container .filter-container .popup button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:1rem;margin-top:1rem;padding:.5rem}.attendance-container .filter-container .popup .custom-range-container{flex-direction:column;gap:.5rem;width:100%;display:flex}.attendance-container .filter-container .popup .close{position:unset;cursor:pointer;color:var(--danger-color);background:#ccc5;border:none;border-radius:1rem;padding:.2rem .8rem;font-size:14px}.attendance-container .head input,.attendance-container .head select{cursor:pointer;background:#f5f5f5;border:1px solid #ccc8;border-radius:.5rem;padding:.5rem}.attendance-container .head .right .custom-range-container{border-left:2px solid var(--primary-color);align-items:center;gap:1rem;padding-left:1rem;display:flex}.attendance-container .head .right .custom-range-container .input{position:relative}.attendance-container .head .right .custom-range-container .input label{color:#000;font-size:10px;font-weight:700;position:absolute;top:-10px;left:5px}.attendance-container .head .right .custom-range-container button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:.5rem;padding:.5rem}.attendance-container .load-more-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:2rem;margin:1rem auto auto;padding:.5rem 2rem;display:block}.attendance-container .load-more-btn:disabled{opacity:.5;cursor:not-allowed}table{border-collapse:collapse;width:100%;margin-top:1rem}table thead tr th{background:var(--primary-color);color:#fff;text-align:left;padding:.8rem;font-size:12px}table tbody tr td{text-align:left;border-bottom:1px solid #ccc8;padding:.5rem .2rem;font-size:11px;font-weight:450}table tbody tr td .buttons{gap:.5rem;display:flex}table tbody tr td a.emp-name{color:var(--primary-color);align-items:center;gap:.5rem;text-decoration:none;display:flex}table tbody tr td a.emp-name img{object-fit:cover;border-radius:1rem;width:20px;height:20px}table tbody tr td s{color:#03a503;font-weight:700;text-decoration:none}table tbody tr td.button a{color:var(--primary-color)}table tbody tr td.buttons a,table tbody tr td.buttons button{color:#000;cursor:pointer;background:0 0;border:none;margin:0 .4rem;font-size:12px}table .s,.items .s{color:var(--success-color)}table .e,.items .e{color:var(--danger-color)}table .warn,.items .warn{color:#fc0}table .warn2,.items .warn2{color:#ff9100}table .warn3,.items .warn3{color:red}.shift-container{flex-direction:column;align-items:center;gap:2rem;width:100%;height:calc(100% - 8rem);padding:4rem 0;display:flex;overflow:auto}.shift-container form{border:1px solid #ccc8;border-radius:2rem;flex-direction:column;gap:1rem;width:500px;max-width:calc(100% + -4rem - 2px);height:fit-content;padding:2rem;display:flex;box-shadow:0 10px 50px #ccc5}.shift-container form .row{align-items:center;gap:1rem;display:flex}.shift-container form .row .wrap{flex-direction:column;gap:.5rem;width:100%;display:flex}.shift-container form .row .wrap .top{justify-content:space-between;align-items:center;display:flex}.shift-container form .row .wrap .top .right{gap:.5rem;display:flex}.shift-container form .row .wrap .top .right label{color:var(--danger-color);cursor:pointer;font-size:12px}.shift-container form .row .wrap .top .right input{accent-color:var(--danger-color);cursor:pointer;border:1px solid #ccc8}.shift-container form .row button{background-color:var(--danger-color);color:#fff;cursor:pointer;border:none;border-radius:1rem;height:fit-content;padding:.5rem}.shift-container form .row input,.shift-container form .row select{cursor:pointer;background:#f5f5f5;border:1px solid #ccc8;border-radius:1rem;padding:1rem}.shift-container .other-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.shift-container .other-buttons button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:1rem;padding:.5rem}.shift-container .row-buttons{flex-direction:row-reverse;gap:1rem;display:flex}.shift-container .add-more{width:fit-content;color:var(--primary-color);cursor:pointer;background:0 0;border:none}.shift-container .row-buttons button,.shift-container button.back{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:1rem;width:fit-content;padding:.8rem 2rem}.shift-container button.back{background-color:#000}.leaves-content{height:calc(100% - 4rem);padding:1rem 2rem;overflow:auto}.leaves-content table .p:after,.leaves-content table .a:after,.leaves-content table .r:after{margin-left:.5rem;font-weight:900;display:inline-block;font-family:"Font Awesome 6 Free"!important}.leaves-content table .p:after{content:"";color:#ffbf00}.leaves-content table .a:after{content:"";color:green}.leaves-content table .r:after{content:"";color:red}.leaves-content .item .bottom{display:flex}.leaves-content button,.leaves-content .items .item .bottom a{cursor:pointer;background:#f0f0f0;border:none;border-radius:2rem;justify-content:center;align-items:center;margin:0 4px;padding:.5rem 1rem;font-size:12px;display:flex}.leaves-content .items .item .bottom a{width:100%}.leaves-content .la-btn{color:green}.leaves-content .lr-btn{color:red}.leaves-content .lo-btn{color:var(--primary-color)}.leaves-content .head{justify-content:space-between;align-items:center;display:flex}.leaves-content .head button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:1rem;padding:.5rem 1rem}.leaves-content .pagination{justify-content:center;gap:.2rem;margin-top:1rem;display:flex}.leaves-content .pagination button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:1rem;padding:.5rem .8rem}.leaves-content .pagination button.num,.leaves-content .pagination button.dots{color:#000;background-color:#ccc5;border:1px solid #ccc8}.leaves-content .items,.attendance-container .items{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.leaves-content .item,.attendance-container .item{border:1px solid #ccc8;border-radius:1rem;flex-direction:column;margin-bottom:1rem;padding:1rem;display:flex;box-shadow:0 10px 50px #ccc5}.leaves-content .item .head,.attendance-container .item .head{justify-content:space-between;align-items:start;margin-bottom:1rem;display:flex}.leaves-content .item .head .left,.attendance-container .item .head .left{align-items:center;gap:.5rem;display:flex}.leaves-content .item .head .left img,.attendance-container .item .head .left img{object-fit:cover;border-radius:50%;width:30px;height:30px}.leaves-content .item .head .left .info .name,.attendance-container .item .head .left .info .name{font-size:16px;font-weight:700}.leaves-content .item .head .left .info .date,.attendance-container .item .head .left .info .date{color:#aaa;font-size:12px}.leaves-content .item .head .right,.attendance-container .item .head .right{align-items:center;gap:.5rem;display:flex}.leaves-content .item .head .right span{color:#fff;border-radius:1rem;padding:5px 10px;font-size:10px;font-weight:700}.leaves-content .item .head .right .p{background:var(--warning-color);color:#000}.leaves-content .item .head .right .a{background:var(--success-color)}.leaves-content .item .head .right .r{background:var(--danger-color)}.attendance-container .item .head .right button,.attendance-container .item .head .right a{color:#000;cursor:pointer;background:#ccc5;border:none;border-radius:1rem;padding:.5rem 1rem;font-size:12px}.leaves-content .item .detail,.attendance-container .item .detail{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:5px;font-size:14px;display:flex}.leaves-content .item .detail .label,.attendance-container .item .label{font-size:12px;font-weight:700}.leaves-content .item .detail .value,.attendance-container .item .detail .value{background:var(--primary-color);color:#fff;border-radius:1rem;padding:5px 10px;font-size:10px;font-weight:700}.attendance-container .item .summary .value{margin-top:10px;font-size:12px}.leaves-content .item .bottom,.attendance-container .item .bottom{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.leaves-content .item .bottom button,.attendance-container .item .bottom button{cursor:pointer;border:none;border-radius:1rem;width:100%;padding:.5rem 1rem}.leave-form{border:1px solid #ccc8;border-radius:2rem;flex-direction:column;gap:1rem;width:400px;max-width:calc(100% - 4rem);height:fit-content;margin:4rem auto auto;padding:2rem;font-size:14px;display:flex;box-shadow:0 10px 50px #ccc5}.switch{background:#f5f5f5;border:1px solid #ccc;border-radius:999px;align-items:center;width:100%;height:50px;display:flex;position:relative;overflow:hidden}.switch input{display:none}.switch .slider{z-index:1;background:#000;border-radius:999px;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .35s;position:absolute;top:4px;left:4px}.switch .slider.long{transform:translate(0)}.switch .slider.short{transform:translate(100%)}.switch label{cursor:pointer;z-index:2;color:#666;-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;height:100%;font-weight:600;transition:color .35s;display:flex}.switch label:first-of-type{color:#fff}.switch .slider.short~label:first-of-type{color:#666}.switch .slider.short~label:last-of-type{color:#fff}.leave-form .input-wraps{gap:1rem;width:100%;display:flex}.leave-form .inp_wrap{width:100%}.leave-form input,.leave-form textarea{cursor:pointer;background:#f5f5f5;border:1px solid #ccc8;border-radius:1rem;width:calc(100% - 2rem);padding:1rem}.leave-form textarea{cursor:text}.leave-form button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:1rem;padding:1rem}.leave-profile{border:1px solid #ccc8;border-radius:2rem;flex-direction:column;align-items:center;gap:1rem;max-width:600px;height:fit-content;margin:4rem auto auto;padding:2rem;font-size:14px;display:flex;box-shadow:0 10px 50px #ccc5}.leave-profile .top{width:100%}.leave-profile .top .profile{justify-content:space-between;align-items:center;gap:4rem;width:100%;display:flex}.leave-profile .top .left{align-items:center;gap:2rem;display:flex}.leave-profile .top .left .name{font-size:1.5rem}.leave-profile .top img{aspect-ratio:1;object-fit:cover;border-radius:50%;height:100px;margin:auto}.leave-profile .top .pending,.leave-profile .top .approved,.leave-profile .top .rejected{text-align:center;background:#ffbf00;border-radius:1rem;padding:.5rem 1rem}.leave-profile .top .pending{background:#ffbf00}.leave-profile .top .approved{background:#00c500}.leave-profile .top .rejected{background:red}.leave-profile .items{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem;width:100%;display:grid}.leave-profile .items ul{list-style:none}.leave-profile .items .title,.leave-profile .items-2 .title{margin-bottom:1rem;font-weight:700;list-style:none}.leave-profile .items ul li{justify-content:space-between;margin:.5rem 0;display:flex}.leave-profile .items ul li .label{font-weight:700}.leave-profile .items-2{flex-direction:column;gap:1rem;width:100%;display:flex}.leave-profile .items-2 .item{border-top:1px solid #ccc8;flex-direction:column;gap:.5rem;padding:1rem 0;display:flex}.leave-profile .bottom{justify-content:space-between;gap:1rem;width:100%;margin-top:2rem;display:flex}.leave-profile .bottom button{cursor:pointer;color:#fff;border:none;border-radius:1rem;padding:1rem 2rem}.leave-profile .bottom button.approve{background-color:green}.leave-profile .bottom button.reject{background-color:#9c0000}.employee-info{justify-content:center;gap:4rem;width:100%;margin-top:2rem;display:flex}.employee-info .table{border:1px solid #ccc8;border-radius:2rem;flex-direction:column;gap:1rem;height:fit-content;padding:2rem;display:flex;box-shadow:0 10px 50px #ccc5}.employee-info .table .head{align-items:center;gap:2rem;display:flex}.employee-info .table .head button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:1rem;padding:.5rem 1rem}.employee-info .table .title{font-size:1.2rem;font-weight:700}.employee-info .table table{border-collapse:collapse;width:100%}.employee-info .table table button{cursor:pointer;background:0 0;border:none;margin:0 5px;font-size:12px}.employee-info .table table th{text-align:left;background:var(--primary-color);color:#fff;border-bottom:1px solid #ccc8;padding:.5rem 1rem;font-size:12px}.employee-info .table table td{border-bottom:1px solid #ccc8;padding:.5rem 1rem;font-size:12px}.add-emp-info{border:1px solid #ccc8;border-radius:2rem;flex-direction:column;gap:2rem;width:400px;height:fit-content;margin:4rem auto auto;padding:2rem;display:flex;box-shadow:0 10px 50px #ccc5}.add-emp-info form{flex-direction:column;align-items:end;gap:1rem;display:flex}.add-emp-info .title{font-size:1.2rem;font-weight:700}.add-emp-info input{background:#f5f5f5;border:1px solid #ccc8;border-radius:1rem;width:calc(100% - 2rem);padding:1rem}.add-emp-info button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:1rem;width:fit-content;padding:1rem 2rem}.download-sheet{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:4rem;width:fit-content;max-width:calc(100% - 8rem);margin:auto;padding:4rem;display:grid;overflow:auto}.download-sheet .item{border:1px solid #ccc8;border-radius:2rem;flex-direction:column;gap:1rem;width:calc(100% - 4rem);height:fit-content;padding:2rem;display:flex;box-shadow:0 10px 50px #ccc5}.download-sheet .item form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:1rem;display:grid}.download-sheet .item form .input-wrap{flex-direction:column;gap:.5rem;width:100%;display:flex}.download-sheet .item form input,.download-sheet .item form select{background:#f5f5f5;border:1px solid #ccc8;border-radius:1rem;padding:1rem}.download-sheet .item form button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:1rem;width:100%;margin-top:1rem;padding:1rem 2rem}.dashboard{flex-direction:column;gap:2rem;height:calc(100% - 4rem);padding:2rem 0;display:flex;overflow:auto}.dashboard .top{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:calc(100% - 8rem);margin:0 auto;display:grid}.dashboard .top .box{border:1px solid #ccc8;border-radius:2rem;justify-content:space-between;align-items:center;gap:1rem;height:fit-content;padding:1rem;display:flex;position:relative;box-shadow:0 10px 50px #ccc5}.dashboard .top .box .title{color:#fff;border-radius:2rem;padding:.5rem 1rem;font-size:14px}.dashboard .top .box:first-child .title{background:linear-gradient(90deg,#ff4500,#ff8c00)}.dashboard .top .box:nth-child(2) .title{background:linear-gradient(90deg,#8a2be2,#4a00e0)}.dashboard .top .box:nth-child(3) .title{background:linear-gradient(90deg,green,#00c000)}.dashboard .top .box:nth-child(4) .title{background:linear-gradient(90deg,brown,#d2691e)}.dashboard .top .right{color:#000;background:#ccc5;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.dashboard .top .right i{font-size:12px}.dashboard .items{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:calc(100% - 8rem);margin:0 auto;display:grid}.dashboard.emp-dashboard .items{margin:0 auto}.dashboard .items .item{border:1px solid #ccc8;border-radius:2rem;flex-direction:column;height:fit-content;padding:2rem;display:flex;overflow:auto;box-shadow:0 10px 50px #ccc5}.dashboard .items .item th{text-align:left;background:var(--primary-color);color:#fff;text-align:left;padding:.5rem 1rem;font-size:12px}.dashboard .items .item th:first-child{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.dashboard .items .item th:last-child{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.dashboard .items .item td{text-align:left;border-bottom:1px solid #ccc8;padding:.5rem .2rem;font-size:11px;font-weight:450}.dashboard .items .item .boxes{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.dashboard .items .item .boxes .box{text-align:center;border:1px solid var(--warning-color);background:#f2f6f9;border-radius:20px;flex-direction:column;gap:10px;width:fit-content;min-width:200px;height:fit-content;padding:10px;display:flex;overflow:hidden;box-shadow:0 10px 50px #ccc5}.dashboard .items .item .boxes .box .top{margin:unset;color:#000;justify-content:space-between;align-items:center;width:100%;font-size:11px;font-weight:600;display:flex}.dashboard .items .item .boxes .box .top .day-left{background:var(--warning-color);color:#fff;border-radius:1rem;padding:5px 10px;font-size:10px;font-weight:600}.dashboard .items .item .boxes .box .name{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:.5rem;display:flex}.dashboard .items .item .boxes .box.active{border:1px solid var(--success-color)}.dashboard .items .item .boxes .box.active .top .day-left{background:var(--success-color);color:#fff}.dashboard .items .item .boxes .box.normal{border:1px solid #000}.dashboard .items .item .boxes .box.today{border:1px solid var(--success-color)}.dashboard .items .item .boxes .box.today .top .day-left{background:var(--success-color);color:#fff}.dashboard .items .item .boxes .box.normal .top .day-left{color:#fff;background:#000}.dashboard .items .item .boxes .box.pending{border:1px solid var(--warning-color)}.dashboard .items .item th,.dashboard .items .item td:not(:last-child){white-space:nowrap}.dashboard .items .item.cards{flex-direction:column;gap:1rem;display:flex}.dashboard .items .item .card{background:#f2f6f9;border:1px solid #ccc8;border-radius:1.5rem;flex-direction:column;height:fit-content;padding:1rem;font-size:12px;display:flex}.dashboard .items .item .card .detail{flex-wrap:wrap;gap:.5rem;display:flex}.dashboard .items .item .card .detail .label{background:var(--primary-color);color:#fff;border-radius:1rem;margin-bottom:2px;padding:2px 10px;font-size:10px}.emp-dashboard.dashboard .top{width:100%;height:unset;margin:unset}.dashboard.emp-dashboard .top .items .item{box-shadow:none;border-radius:unset;width:100%;overflow:unset;background:0 0;border:none;padding:0}.dashboard.emp-dashboard .top .items .item ul{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;list-style:none;display:grid}.dashboard.emp-dashboard .top .items .item ul li{text-align:center;border:1px solid #ccc8;border-radius:2rem;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem;font-size:12px;font-weight:600;display:flex;box-shadow:0 10px 50px #ccc5}.dashboard.emp-dashboard .top .items .item ul li .label,.dashboard.emp-dashboard .top .items .item ul li .value{border-radius:2rem;margin-bottom:2px;padding:10px 15px;font-size:10px}.dashboard.emp-dashboard .top .items .item ul li .label{color:#fff}.dashboard.emp-dashboard .top .items .item ul li:first-child .label{background:linear-gradient(90deg,#ff4500,#ff8c00)}.dashboard.emp-dashboard .top .items .item ul li:nth-child(2) .label{background:linear-gradient(90deg,#8a2be2,#4a00e0)}.dashboard.emp-dashboard .top .items .item ul li:nth-child(3) .label{background:linear-gradient(90deg,green,#00ac00)}.dashboard.emp-dashboard .top .items .item ul li:nth-child(4) .label{background:linear-gradient(90deg,brown,#d2691e)}.dashboard.emp-dashboard .top .items .item ul li:nth-child(5) .label{background:linear-gradient(90deg,#8b008b,#f0f)}.dashboard.emp-dashboard .top .items .item ul li .value{background:#ccc5;border:1px solid #ccc8}.payroll{padding:1rem 2rem}.payroll .head{justify-content:space-between;align-items:center;display:flex}.payroll .head .right{align-items:center;gap:1rem;display:flex}.payroll .head input{cursor:pointer;background:#f5f5f5;border:1px solid #ccc8;border-radius:.5rem;padding:.5rem}.payroll .head .right button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:2rem;padding:.5rem 2rem}.payroll select{text-align:center;cursor:pointer;border:none;border-radius:1rem;padding:2px 5px;font-size:12px}.payroll select.status-1{background-color:#2bb539}.payroll select.status-2{color:#fff;background-color:#b31d27}.payroll select.status-0{background-color:#e7a751}.payroll select option{color:#000;text-align:left;background-color:#fff}.payroll .items{flex-direction:column;gap:1rem;height:100%;margin:1rem 0;display:flex}.payroll .items .item{border:1px solid #ccc8;border-radius:1rem;width:calc(100% + -2rem - 2px);margin-bottom:1rem;padding:1rem;display:grid;box-shadow:0 10px 50px #ccc5}.payroll .items .item .head{flex-direction:row;justify-content:space-between;margin-bottom:1rem;display:flex}.payroll .items .item .head .left{align-items:center;gap:1rem;display:flex}.payroll .items .item .head .left img{object-fit:cover;border:1px solid #ccc8;border-radius:50%;width:30px;height:30px}.payroll .items .item .head .left .info{flex-direction:column;display:flex}.payroll .items .item .head .left .info .name{font-size:14px;font-weight:600}.payroll .items .item .head .left .info .date{font-size:12px;font-weight:400}.payroll .items .item .details{justify-content:space-between;margin-bottom:2px;padding-bottom:2px;display:flex}.payroll .items .item .details:last-child{border:none}.payroll .items .item .details .title{background:#f3f3f3;border:1px solid #ccc8;border-radius:1rem;margin:2px 0;padding:2px 10px;font-size:12px;font-weight:600}.payroll .items .item .details .value{color:#fff;background:#000;border-radius:1rem;margin:2px 0;padding:2px 10px;font-size:12px;font-weight:600}.birthday{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:calc(100% - 4rem);max-height:calc(100% - 4rem);margin:auto;padding:2rem;display:grid;overflow:auto}.birthday .items{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;display:grid}.birthday .item{border:1px solid #ccc8;border-radius:1rem;flex-direction:column;gap:1rem;width:fit-content;min-width:calc(100% - 2rem);height:fit-content;padding:1rem;display:flex;box-shadow:0 10px 50px #ccc5}.birthday .item .top{justify-content:space-between;align-items:center;display:flex}.birthday .item .top .date,.birthday .item .top .dob{color:#fff;background:#000;border-radius:1rem;padding:5px 10px;font-size:10px;font-weight:600}.birthday .item .top .dob{color:#000;background:0 0;border:1px solid #000}.birthday .item .bottom{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.birthday .item .bottom img{aspect-ratio:1;object-fit:cover;border:1px solid #ccc8;border-radius:50%;width:40px;margin-bottom:1rem}.birthday .item .bottom small{color:#8d8d8d;margin-top:.5rem;font-size:12px}.birthday .item.today{border:1px solid var(--success-color)}.birthday .item.today .top .date{background:var(--success-color);color:#fff}.birthday .item.today .top .dob{border:1px solid var(--success-color);color:var(--success-color)}.birthday .item.upcoming{border:1px solid var(--warning-color)}.birthday .item.upcoming .top .date{background:var(--warning-color);color:#fff}.birthday .item.upcoming .top .dob{border:1px solid var(--warning-color);color:var(--warning-color)}.messages{gap:2rem;height:calc(100% - 4rem);padding:2rem;display:flex}.messages .side{background:#ccc2;border:1px solid #ccc8;border-radius:2rem;width:300px;height:calc(100% - 2rem);padding:1rem .5rem 1rem 1rem;overflow:hidden}.messages .side .chats{flex-direction:column;height:100%;padding-right:.5rem;display:flex;overflow:auto}.messages .side .chats .chat{cursor:pointer;color:#000;border-bottom:1px solid #ccc8;gap:1rem;padding:1rem;text-decoration:none;display:flex}.messages .side .chats .chat:hover{background:#ccc2}.messages .side .chats .chat:last-child{border-bottom:none}.messages .side .chats .chat img{aspect-ratio:1;object-fit:cover;border-radius:5rem;height:30px}.messages .side .chats .chat .name{font-size:12px}.messages .side .chats .chat .name .on-off-status{color:#03a803;font-size:10px;display:block}.messages .side .chats .chat.skeleton .image{aspect-ratio:1;background:#ccc;border-radius:5rem;height:30px;animation:1s linear infinite alternate skeleton}.messages .side .chats .chat.skeleton .name{background:#ccc;border-radius:1rem;width:150px;height:20px;animation:1s linear infinite alternate skeleton}@keyframes skeleton{0%{opacity:.5}to{opacity:1}}.messages .chat-window{flex-direction:column;width:100%;display:flex}.messages .chat-window .header{border-bottom:1px solid #ccc8;align-items:center;gap:1rem;padding:1rem;display:flex}.messages .chat-window .header img{aspect-ratio:1;object-fit:cover;border-radius:5rem;height:30px}.messages .chat-window .header .name{font-size:1.2rem;font-weight:600}.messages .chat-window .header .typing{color:#aaa;font-size:10px;display:block}.messages .chat-window .header.skeleton .image{aspect-ratio:1;background:#ccc;border-radius:5rem;height:30px;animation:1s linear infinite alternate skeleton}.messages .chat-window .header.skeleton .name{background:#ccc;border-radius:1rem;width:150px;height:20px;animation:1s linear infinite alternate skeleton}.messages .chat-window .content{flex-direction:column;gap:1rem;height:calc(100% - 2rem);padding:1rem;display:flex;overflow:auto}.messages .chat-window .content .from{flex-direction:row-reverse;width:100%;display:flex}.messages .chat-window .content .to{width:100%}.messages .chat-window .content .message{border-radius:1rem;flex-direction:column;gap:.2rem;width:fit-content;padding:1rem;display:flex}.messages .chat-window .content .message .attachments{flex-wrap:wrap;gap:1rem;display:flex}.messages .chat-window .content .message .voice-message{background:var(--primary-color);border-radius:2rem;align-items:center;gap:.5rem;max-width:280px;margin-bottom:.5rem;padding:1rem;font-size:12px;display:flex}.messages .chat-window .content .message .voice-message audio{width:100%;height:40px}.messages .chat-window .content .message .voice-message button{cursor:pointer;color:#fff;background:0 0;border:none}.messages .chat-window .content .message .voice-message input[type=range]{appearance:none;cursor:pointer;background:#dbd1d1;border-radius:999px;outline:none;width:100%;height:5px}.messages .chat-window .content .message .voice-message input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:grab;border:2px solid #fff;border-radius:2rem;width:10px;height:10px}.messages .chat-window .content .message .voice-message input[type=range]::-moz-range-thumb{appearance:none;background:var(--primary-color);cursor:grab;border:2px solid #fff;border-radius:2rem;width:10px;height:10px}.messages .chat-window .content .message .voice-message input[type=range]::-moz-range-track{appearance:none;background:var(--primary-color);cursor:grab;border:2px solid #fff;border-radius:2rem;width:10px;height:10px}.messages .chat-window .content .message .voice-message input[type=range]::-webkit-slider-thumb:active{cursor:grabbing}.messages .chat-window .content .message .voice-message span{width:30px}.messages .chat-window .content .from .message a,.messages .chat-window .content .to .message a{color:#fff;flex-direction:column;align-items:center;gap:.5rem;font-size:10px;text-decoration:none;display:flex}.messages .chat-window .content .to .message a{color:#000}.messages .chat-window .content a i{font-size:25px}.messages .chat-window .content .message img{border-radius:.5rem;max-width:100%;height:100px;margin-bottom:.5rem}.messages .chat-window .content .from .message{color:#fff;background:#000}.messages .chat-window .content .to .message{color:#000;background:#ccc2;border:1px solid #ccc8}.messages .chat-window .content .message .time{color:#888;font-size:8px}.messages .chat-window .content .skeleton .message{border-radius:1rem;gap:1rem;width:150px;height:40px;animation:1s linear infinite alternate skeleton}.messages .chat-window .content .skeleton .message .text{background:#ccc;border-radius:1rem;width:100%;height:20px;animation:1s linear infinite alternate skeleton}.messages .chat-window .content .skeleton .message .time{background:#ccc;border-radius:1rem;width:50px;height:15px;animation:1s linear infinite alternate skeleton}.messages .bottom{background:#ccc2;border:1px solid #ccc8;border-radius:1.5rem;gap:1rem;padding:1rem;display:flex}.messages .bottom .left{flex-direction:column;width:100%;display:flex}.messages .bottom .left .attachments{flex-wrap:wrap;display:flex}.messages .bottom .left .attachments .attach{background:#fff;border:1px solid #ccc8;border-radius:10px;align-items:center;gap:5px;height:fit-content;margin:0 10px 10px 0;font-size:10px;display:flex;position:relative}.messages .bottom .left .attachments .attach span{text-overflow:ellipsis;white-space:nowrap;max-width:100px;padding:5px 10px;display:block;overflow:hidden}.messages .bottom .left .attachments .attach svg{aspect-ratio:1;color:#fff;cursor:pointer;background:red;border:1px solid red;border-radius:5rem;height:10px;position:absolute;top:-4px;right:-4px;box-shadow:-2px 2px 5px #fff}.messages .bottom .left .attachments .attach img{object-fit:cover;border-radius:8px;height:30px}.messages .bottom textarea{resize:none;background:0 0;border:none;outline:none;width:100%;height:100%}.messages .bottom .right{flex-direction:column;gap:1rem;display:flex}.messages .bottom button{color:#fff;cursor:pointer;background:#fff;border:1px solid #ccc8;border-radius:.8rem;justify-content:center;align-items:center;height:fit-content;padding:.5rem;display:flex}.messages .bottom button svg{aspect-ratio:1;height:18px}.messages .empty{color:#0005;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;font-size:1.2rem;display:flex}.messages .empty svg{aspect-ratio:1;height:20%}.mobile{display:none!important}.verification-code{justify-content:space-between;gap:10px;margin:25px 0;display:flex}.verification-code input{text-align:center;color:#147ad8;background:#fff;border:1px solid #d8dce2;border-radius:8px;outline:none;width:48px;height:48px;padding:0;font-size:24px;font-weight:600;transition:border-color .2s,box-shadow .2s}.verification-code input:focus{border-color:#147ad8;box-shadow:0 0 0 3px #147ad81f}.verification-code input:disabled{opacity:.6;cursor:not-allowed}@media (width<=600px){.mobile{display:block!important}.desktop{display:none!important}.container{height:calc(100vh - 4rem);margin-bottom:4rem}.login,.forgot{background-color:#fff}.login form,.forgot form{box-shadow:unset}.container main header{border:none;border-radius:0 0 2rem 2rem;box-shadow:0 10px 50px #ccc5}.container main header h1{font-size:15px}.container main header .sidebar-toggle{color:#000;cursor:pointer;background:#ccc3;border:none;margin-right:1rem;padding:.5rem;font-size:20px;display:block}.sidebar{z-index:1000;background:#fff;width:16rem;max-width:calc(100% - 2rem);height:calc(100% - 2rem);transition:all .3s ease-in-out;position:fixed;top:0;left:0;transform:translate(-120%);box-shadow:0 20px 50px #ccc}.sidebar.open{transform:translate(0)}.sidebar .head{justify-content:space-between;align-items:center;display:flex}.sidebar .head button{color:red;cursor:pointer;background:#fff;border:1px solid #ccc8;border-radius:.8rem;justify-content:center;align-items:center;padding:.5rem;font-size:18px;display:flex}.dashboard{gap:1rem;width:calc(100% - 2rem);height:calc(100% - 2rem);padding:1rem}.dashboard .items{width:100%;height:unset;gap:1rem}.dashboard .top{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;width:100%;display:grid}.emp-dashboard .top{grid-template-columns: ;gap:1rem;width:100%;display:grid}.dashboard .top .box{border:1px solid #ccc8;border-radius:1rem;flex-direction:column;gap:.5rem;height:fit-content;padding:1rem;display:flex;box-shadow:0 10px 50px #ccc5}.dashboard .top .box p{margin-bottom:1rem;font-size:12px}.dashboard .items .item .boxes .box{width:100%}.dashboard .top .box .title{color:#fff}.dashboard .top .box:first-child{background:linear-gradient(90deg,#ff4500,#ff8c00)}.dashboard .top .box:nth-child(2){background:linear-gradient(90deg,#8a2be2,#4a00e0)}.dashboard .top .box:nth-child(3){background:linear-gradient(90deg,green,#00c000)}.dashboard .top .box:nth-child(4){background:linear-gradient(90deg,brown,#d2691e)}.dashboard .top .right{margin-top:.5rem;padding:.5rem 1rem}.dashboard .top .right p{margin:unset}.employees-container .head{position:sticky;left:0}.employees-container .table table th,.employees-container .table table td,.attendance-container table td,.attendance-container table th,.leaves-content .leaves-table table th,.leaves-content .leaves-table table td{white-space:nowrap;padding:.2rem;font-size:8px}.attendance-container,.leaves-content{width:calc(100% - 2rem);padding:1rem}.attendance-container table{position:sticky;left:0}.attendance-container table th,.attendance-container table td{white-space:nowrap;padding:.5rem}.employees-container .table table td .button{font-size:8px}.employees-container .table table td input[type=checkbox]{width:15px;height:10px}.employees-container .table table td input[type=checkbox]:after,.employees-container .table table td input[type=checkbox]:checked:after{width:6px;height:6px}.employee-info{justify-content:unset;flex-direction:column;gap:2rem;width:calc(100% - 4rem);height:calc(100% - 4rem);margin-top:0;padding:2rem;overflow:auto}.employee-info .table .head{justify-content:space-between;display:flex}.messages{height:100%;padding:0}.messages .side{border:none;border-radius:0;width:100%;height:100%;padding:0 1rem}.messages .chat-window{padding:0 1rem 1rem;display:none}.messages .side.active{display:none}.messages .chat-window.active{display:flex}.edit-profile,.add-employee{flex-direction:column}.edit-profile .side,.add-employee .side{width:unset;overflow:unset}.edit-profile form,.add-employee form{width:unset}.download-sheet{flex-direction:column;gap:1rem;width:calc(100% - 2rem);max-width:calc(100% - 2rem);height:calc(100% - 2rem);padding:1rem;display:flex}.payroll{height:calc(100% - 2rem);overflow:auto}.payroll>.head{flex-direction:column;gap:1rem;width:100%}.payroll>.head .right{justify-content:space-between;width:100%;display:flex}.payroll>.head .right button{padding:.5rem}.payroll>.head span{display:none}.payroll>.head input{width:100%;font-size:14px}.employee-info .table,.download-sheet .item{box-shadow:none;border:none;padding:0}.download-sheet .item{width:calc(100% - 2rem);padding:1rem}.edit-profile .side img,.add-employee .side img{width:50px;height:50px;padding:5px}.edit-profile .side>ul,.add-employee .side>ul{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding-bottom:0}.edit-profile .side ul li,.add-employee .side ul li{border:1px solid #ccc8;border-radius:1rem;padding:.5rem;font-size:10px;box-shadow:0 0 20px #ccc5}.edit-profile .side ul strong,.add-employee .side ul strong{font-size:12px}.edit-profile form,.add-employee form{padding-top:0}.edit-profile form .inputs,.add-employee form .inputs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));font-size:10px}.edit-profile form .input-wrap,.add-employee form .input-wrap{margin:unset}.edit-profile form .input-wrap input,.add-employee form .input-wrap input,.add-employee form .input-wrap select{border-radius:2rem;padding:.5rem;font-size:10px}.edit-profile form button,.add-employee form button{padding:.5rem 1rem;font-size:10px}.shift-container{gap:0;padding:0}.shift-container form{box-shadow:none;background:0 0;border:none;margin:1rem 0;padding:0}.shift-container form .row{flex-direction:column;gap:1rem;width:100%}.shift-container .other-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-form{box-shadow:none;margin:1rem a;background:0 0;border:none}.leave-profile{box-shadow:none;border:none;gap:1rem;width:calc(100% - 4rem);margin:1rem 0;padding:0 2rem}.leave-profile .top img{width:50px;height:50px}.leave-profile .top .left{gap:1rem}.leave-profile .top .left .name{font-size:14px;font-weight:700}.leave-profile .top .left p{font-size:10px}.leave-profile .top .pending,.leave-profile .top .approved,.leave-profile .top .rejected{padding:.5rem 1rem;font-size:10px}.leave-profile .items{grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}.leave-profile .items-2{gap:0}.leave-profile .items .title,.leave-profile .items-2 .title{margin-bottom:0}.leave-profile .bottom{margin-top:0}.leave-profile .bottom button{padding:.5rem 1rem;font-size:10px}.attendance-container .item .head .right button,.attendance-container .item .head .right a{padding:.5rem 1rem;font-size:10px;text-decoration:none}.add-emp-info{box-shadow:none;border:none;width:calc(100% - 4rem);margin:1rem 0;padding:0 2rem}}