@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{display:flex}:root{--primary-color:#20655f;--secondary-color:#f8aa27;--container-color:#f8f4ed;--danger-color:#e25353;--warning-color:#ffbb3c;--success-color:#4b8b4b}.page-container{background-color:#f8f4ed;background-color:var(--container-color);height:100vh;margin:1px;width:100%}.page{margin-top:80px;width:100%}.page-header{align-items:center;display:flex;gap:2rem;justify-content:center;padding-left:3rem;padding-top:2rem}.page-title{font-size:2rem}.container-header{align-items:center;display:flex;justify-content:center}.container-title{color:#747373;font-size:1.2rem}.container{background-color:#fff;border:1px solid #ccc;border-radius:8px;flex:1 1;margin-bottom:1rem;padding:1.5rem}.section-title{display:inline;font-family:"Young Serif";font-size:2.5rem;font-weight:200;margin-bottom:.5rem;text-align:center;text-transform:capitalize}.section{display:flex;flex-direction:column;margin-bottom:2rem;padding-top:4rem}.custom-button,.section{align-items:center;justify-content:center}.custom-button{background-color:initial;border:1px solid #888;border-radius:5px;cursor:pointer;font-size:1rem;height:3rem;padding:10px;transition:.3;width:8rem}.link{text-decoration:none}.no-scroll{overflow:hidden}@media screen and (max-width:768px){.section-title{font-size:2rem!important}.section{margin-bottom:0!important;padding-bottom:0!important;padding-top:2rem}}button{cursor:pointer}.header{background-color:var(--text-color);background-color:#fff;box-shadow:1px 1px 3px -2px #000;height:80px;justify-content:space-between;position:fixed;width:100vw;z-index:1000}.header,.header-left{align-items:center;display:flex}.header-left{gap:1rem;justify-content:left}.burger-button{background-color:initial;border:none;font-size:2rem;padding-left:1rem}.header-logo{align-items:center;display:flex;justify-content:center}.header-logo-text{color:var(--title-color);font-size:2rem;font-weight:600}.header-logo-img{height:4.5rem}.header-container{gap:4rem;margin-right:3rem;padding:1rem}.header-container,.header-status{align-items:center;display:flex;justify-content:center}.header-status{gap:.5rem}.header-status-dot{background-color:#2d8b2d;border-radius:50%;height:10px;width:10px}.header-status-text{font-weight:500}.header-user{align-items:center;color:#000;display:flex;gap:1rem;justify-content:center;text-decoration:none}.header-user-img{border-radius:50%;height:3rem}.header-user-text{font-size:1rem}.header-active{color:var(--success-color)}.header-inactive{color:var(--danger-color)}.header-break{color:var(--warning-color)}.header-active-bg{background-color:var(--success-color)}.header-break-bg{background-color:var(--warning-color)}.header-inactive-bg{background-color:var(--danger-color)}.home-heroes{display:flex;gap:1rem;justify-content:space-around}.page-main{padding:1rem 3rem 0}.home-hero{display:flex;flex-direction:column;text-align:center;width:100%;z-index:2}.hero-time{color:#555454;font-size:1.8rem;font-weight:700}.hero-clockin-container{display:flex;gap:1rem;justify-content:center;padding:1rem}.hero-button{align-items:center;border:none;border-radius:10px;color:#fff;display:flex;flex-direction:column;font-weight:600;height:7rem;justify-content:center;width:100%}.hero-button span{font-size:1.5rem}.hero-button i{font-size:2.5rem}.hero-stats{align-items:center;display:flex;flex-direction:column;justify-content:center}.hero-stats-hours{align-items:center;cursor:pointer;gap:2rem;padding-bottom:.5rem}.hero-stats-main{display:flex;width:100%}.hero-stats-hours{font-size:1.3rem;width:50%}.hero-stats-hours-text{font-weight:600}.hero-stats-status span{background-color:green;border-radius:20px;color:#fff;padding:.2rem 2rem}.hero-activities{padding:1rem}.hero-activity{align-items:center;border-bottom:1px solid #c6c6c6;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.hero-activity-timestamp{display:flex;flex-direction:column;gap:0;margin-left:1rem;padding:.3rem}.hero-activity i{font-size:1.5rem;font-weight:300;margin-right:1rem}.hero-activity-type{font-size:1.1rem}.hero-activity-timestamp-time{font-weight:600}.hero-activity-timestamp-date{font-size:.8rem}.bg-clockin{color:var(--success-color)}.bg-break{color:var(--warning-color)}.status-active{background-color:var(--success-color)}.status-inactive{background-color:var(--danger-color)}.status-break{background-color:var(--warning-color)}.home-employee-status{align-items:center;display:flex;gap:1rem;justify-content:center}.home-employee-status-tag{border-radius:30px;color:#fff;padding:.2rem 1rem;right:0}.disabled{background-color:#d4d4d4;cursor:not-allowed}.hero-stats-status{display:flex;font-size:1.5rem;justify-content:left;padding-left:1rem;padding-top:1rem;width:50%}.clockin{color:var(--success-color)}.clockout{color:var(--danger-color)}.endbreak,.startbreak{color:var(--warning-color)}.hero-activities-container{max-height:300px;overflow-y:auto}.overflow-message{color:#666;margin-top:5px;text-align:center}.modal-overlay{align-items:center;background-color:#000000e6;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal,.modal-overlay{display:flex;justify-content:center}.modal{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;flex-direction:column;font-size:1.2rem;padding:2rem 3rem;position:relative;top:-5%;transform:translateY(-50%)}.modal-buttons{display:flex;gap:1rem;justify-content:right;padding-top:2rem}.modal-close-btn{align-items:center;border:none;border-radius:10px;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem 1rem;width:5rem}.button-yes{background-color:var(--success-color);color:#fff}.button-cancel{background-color:#fff;border:1px solid #000}.modal h2,.modal p{margin:.1rem}.modal-icon{display:flex;font-size:3rem;justify-content:center;margin-bottom:1rem}.sidebar{background-color:var(--text-color);background-color:#fff;box-shadow:1px 1px 3px -2px #000;height:100vh;overflow-y:auto;padding-left:.5rem;padding-right:.5rem;padding-top:82px;width:13rem;z-index:0;z-index:999}.small-sidebar{width:4rem}.sidebar-container{align-items:center;height:100vh;padding-top:2rem;position:fixed}.sidebar-container,.sidebar-items{display:flex;flex-direction:column}.sidebar-items{align-items:flex-start;width:100%}.sidebar-active{background-color:var(--container-color)}.sidebar-item{align-items:center;border-radius:25px;color:var(--title-color);display:flex;font-size:1.3rem;gap:1rem;height:2rem;padding:.5rem 1rem;text-decoration:none}.sidebar-item:hover{color:#0f3316;cursor:pointer}.sidebar i{font-size:1.3rem}.sidebar hr{background-color:#d0cbb7;border:none;height:1px;width:80%}.sidebar-logout{bottom:2rem;display:flex;justify-content:center;position:fixed}.profile-row{font-size:1.3rem;padding:.5rem}.container-main{display:flex}.profile-main-img{align-items:center;display:flex;justify-content:center;margin-left:15rem}.profile-main-img-image{height:20rem;width:20rem}.user-table-container{overflow-x:auto;width:100%}.user-table{border-collapse:collapse;width:100%}.user-table tbody td,.user-table th{border-bottom:1px solid #e9e9e9;padding:.5rem 0 .5rem .5rem;text-align:center}.user-table th{text-align:center}.user-picture{border-radius:50%;height:40px;vertical-align:middle;width:40px}.user-table tbody tr:hover{background-color:#f6f6f6}.users-status{background:red;border-radius:50px;color:#fff;font-size:.9rem;text-transform:capitalize}.active-status{background-color:var(--success-color)}.inactive-status{background-color:var(--danger-color)}.break-status{background-color:var(--warning-color)}.users-icon{cursor:pointer;font-size:1.3rem}.login{display:flex;height:45vh;padding-bottom:3rem;padding-top:5rem;width:100%}.login,.login-container{align-items:center;justify-content:center}.login-container{grid-row-gap:0;background-color:var(--container-color);border-radius:10px;display:grid;margin:auto;padding:2rem;position:relative;row-gap:0;width:25vw}.login-title{margin:1rem auto 2rem}.login-fields input{border:1px solid var(--primary-color);border-radius:4px;color:#000;font-size:18px;margin-bottom:1rem;outline:none;padding-left:20px;position:relative}.login-container button,.login-fields input{box-sizing:border-box;height:3rem;width:100%}.login-container button{background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:24px;font-weight:500;margin-top:1rem}.error-message-container{align-items:center;color:red;display:flex;font-size:1.1rem;gap:.5rem;justify-content:center;padding-top:1rem}.login-container button:disabled{background:#5c5c5c;cursor:not-allowed}@media screen and (max-width:1200px){.login-container{width:40vw}}@media screen and (max-width:920px){.login-container{width:50vw}}@media screen and (max-width:760px){.login-container{width:70vw}}@media screen and (max-width:500px){.login-container{transform:scale(.9);width:90vw}}@media screen and (max-width:350px){.login-container{transform:scale(.8);width:90vw}.login{padding-bottom:0;padding-top:0}}
/*# sourceMappingURL=main.4da98c77.css.map*/