@import"https://fonts.cdnfonts.com/css/escopedia";@import"https://fonts.cdnfonts.com/css/crafter-dreams";@import"https://fonts.cdnfonts.com/css/prilly-monly";@import"https://fonts.cdnfonts.com/css/modera";@import"https://fonts.cdnfonts.com/css/dosis";@import"https://fonts.cdnfonts.com/css/overused-grotesk";@import"https://fonts.cdnfonts.com/css/holly-groove";@import"https://fonts.cdnfonts.com/css/randome";.home-loader{position:absolute;top:0;left:0;width:100%;height:90vh;background:#fff;padding:0;z-index:1000;overflow:hidden}.home-loader .home-card{position:relative;width:100%;padding:5px;display:flex;flex-direction:column;border:1px solid #e0e0e0;background:#929292}.home-loader .home-card .profile-bar{position:relative;width:99%;display:flex;flex-direction:row;gap:20px;background:#b9b9b9;padding:5px;border-radius:10px;margin-top:5px}.home-loader .home-card .navigation-bar{position:relative;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px;margin-left:5px}.home-loader .report-wrapper{position:absolute;top:280px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:94%;height:110px;margin:0 auto;border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:row;justify-content:space-around;background:#b9b9b9;gap:5px}.vue-datepicker-icon{display:none}@-webkit-keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}to{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}to{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-actions{flex:1;align-self:stretch;justify-content:flex-end;height:2.2em}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-validationerror{font-size:1em}body.swal2-toast-shown>.swal2-container{position:fixed;background-color:transparent}body.swal2-toast-shown>.swal2-container.swal2-shown{background-color:transparent}body.swal2-toast-shown>.swal2-container.swal2-top{inset:0 auto auto 50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}body.swal2-toast-shown>.swal2-container.swal2-top-end,body.swal2-toast-shown>.swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown>.swal2-container.swal2-top-left,body.swal2-toast-shown>.swal2-container.swal2-top-start{inset:0 auto auto 0}body.swal2-toast-shown>.swal2-container.swal2-center-left,body.swal2-toast-shown>.swal2-container.swal2-center-start{inset:50% auto auto 0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown>.swal2-container.swal2-center{inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-toast-shown>.swal2-container.swal2-center-end,body.swal2-toast-shown>.swal2-container.swal2-center-right{inset:50% 0 auto auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown>.swal2-container.swal2-bottom-left,body.swal2-toast-shown>.swal2-container.swal2-bottom-start{inset:auto auto 0 0}body.swal2-toast-shown>.swal2-container.swal2-bottom{inset:auto auto 0 50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}body.swal2-toast-shown>.swal2-container.swal2-bottom-end,body.swal2-toast-shown>.swal2-container.swal2-bottom-right{inset:auto 0 0 auto}.swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.625em;box-shadow:0 0 .625em #d9d9d9;overflow-y:hidden}.swal2-popup.swal2-toast .swal2-header{flex-direction:row}.swal2-popup.swal2-toast .swal2-title{justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-close{position:initial}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon-text{font-size:2em;font-weight:700;line-height:1em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{height:auto;margin:0 .3125em}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 .0625em #fff,0 0 0 .125em #32649666}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:showSweetToast .5s;animation:showSweetToast .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:hideSweetToast .2s forwards;animation:hideSweetToast .2s forwards}@-webkit-keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotate(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotate(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotate(2deg);opacity:.7}to{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotate(0);opacity:1}}@keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotate(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotate(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotate(2deg);opacity:.7}to{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotate(0);opacity:1}}@-webkit-keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}to{-webkit-transform:rotateZ(1deg);transform:rotate(1deg);opacity:0}}@keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}to{-webkit-transform:rotateZ(1deg);transform:rotate(1deg);opacity:0}}@-webkit-keyframes animate-toast-success-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}to{top:1.125em;left:.1875em;width:.75em}}@keyframes animate-toast-success-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}to{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}to{top:.9375em;right:.1875em;width:1.375em}}@keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}to{top:.9375em;right:.1875em;width:1.375em}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-shown{inset:auto;background-color:transparent}body.swal2-no-backdrop .swal2-shown>.swal2-modal{box-shadow:0 0 10px #0006}body.swal2-no-backdrop .swal2-shown.swal2-top{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-shown.swal2-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{right:0;bottom:0}.swal2-container{display:flex;position:fixed;inset:0;flex-direction:row;align-items:center;justify-content:center;padding:10px;background-color:transparent;z-index:1060;overflow-x:hidden;-webkit-overflow-scrolling:touch}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-container.swal2-fade{transition:background-color .1s}.swal2-container.swal2-shown{background-color:#0006}.swal2-popup{display:none;position:relative;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem;box-sizing:border-box}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-popup .swal2-header{display:flex;flex-direction:column;align-items:center}.swal2-popup .swal2-title{display:block;position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-popup .swal2-actions{align-items:center;justify-content:center;margin:1.25em auto 0}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(#0000001a,#0000001a)}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(#0003,#0003)}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm{width:2.5em;height:2.5em;margin:.46875em;padding:0;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent;cursor:default;box-sizing:border-box;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm:after{display:inline-block;width:15px;height:15px;margin-left:5px;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff;content:"";-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal}.swal2-popup .swal2-styled{margin:0 .3125em;padding:.625em 2em;font-weight:500;box-shadow:none}.swal2-popup .swal2-styled:not([disabled]){cursor:pointer}.swal2-popup .swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled:focus{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #32649666}.swal2-popup .swal2-styled::-moz-focus-inner{border:0}.swal2-popup .swal2-footer{justify-content:center;margin:1.25em 0 0;padding-top:1em;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-popup .swal2-image{max-width:100%;margin:1.25em auto}.swal2-popup .swal2-close{position:absolute;top:0;right:0;justify-content:center;width:1.2em;height:1.2em;padding:0;transition:color .1s ease-out;border:none;border-radius:0;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer;overflow:hidden}.swal2-popup .swal2-close:hover{-webkit-transform:none;transform:none;color:#f27474}.swal2-popup>.swal2-checkbox,.swal2-popup>.swal2-file,.swal2-popup>.swal2-input,.swal2-popup>.swal2-radio,.swal2-popup>.swal2-select,.swal2-popup>.swal2-textarea{display:none}.swal2-popup .swal2-content{justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:300;line-height:normal;word-wrap:break-word}.swal2-popup #swal2-content{text-align:center}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-radio,.swal2-popup .swal2-select,.swal2-popup .swal2-textarea{margin:1em auto}.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-textarea{width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;font-size:1.125em;box-shadow:inset 0 1px 1px #0000000f;box-sizing:border-box}.swal2-popup .swal2-file.swal2-inputerror,.swal2-popup .swal2-input.swal2-inputerror,.swal2-popup .swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-popup .swal2-file:focus,.swal2-popup .swal2-input:focus,.swal2-popup .swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-popup .swal2-file::-webkit-input-placeholder,.swal2-popup .swal2-input::-webkit-input-placeholder,.swal2-popup .swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-popup .swal2-file:-ms-input-placeholder,.swal2-popup .swal2-input:-ms-input-placeholder,.swal2-popup .swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::-ms-input-placeholder,.swal2-popup .swal2-input::-ms-input-placeholder,.swal2-popup .swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::placeholder,.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder{color:#ccc}.swal2-popup .swal2-range input{width:80%}.swal2-popup .swal2-range output{width:20%;font-weight:600;text-align:center}.swal2-popup .swal2-range input,.swal2-popup .swal2-range output{height:2.625em;margin:1em auto;padding:0;font-size:1.125em;line-height:2.625em}.swal2-popup .swal2-input{height:2.625em;padding:.75em}.swal2-popup .swal2-input[type=number]{max-width:10em}.swal2-popup .swal2-file{font-size:1.125em}.swal2-popup .swal2-textarea{height:6.75em;padding:.75em}.swal2-popup .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;color:#545454;font-size:1.125em}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-radio{align-items:center;justify-content:center}.swal2-popup .swal2-checkbox label,.swal2-popup .swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-popup .swal2-checkbox input,.swal2-popup .swal2-radio input{margin:0 .4em}.swal2-popup .swal2-validationerror{display:none;align-items:center;justify-content:center;padding:.625em;background:#f0f0f0;color:#666;font-size:1em;font-weight:300;overflow:hidden}.swal2-popup .swal2-validationerror:before{display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center;content:"!";zoom:normal}@supports (-ms-accelerator: true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}.swal2-icon{position:relative;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;line-height:5em;cursor:default;box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;zoom:normal}.swal2-icon-text{font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-progresssteps{align-items:center;margin:0 0 1.25em;padding:0;font-weight:600}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle{background:#add8e6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{width:2.5em;height:.4em;margin:0 -1px;background:#3085d6;z-index:10}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}[dir=rtl] .swal2-close{right:auto;left:0}.swal2-animate-error-icon{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-animate-error-icon .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}@-webkit-keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.disable-link[data-v-8a0803b3]{pointer-events:none}.avatar-skeleton[data-v-8a0803b3]{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading-8a0803b3 1.5s infinite}.profile-name[data-v-8a0803b3]{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0}.profile-line[data-v-8a0803b3]{display:flex;align-items:center;flex-wrap:wrap;gap:6px;line-height:1.2}.profile-name .name[data-v-8a0803b3]{font-size:clamp(16px,1.4vw,20px);font-weight:700;color:#f9fafb;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill[data-v-8a0803b3]{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border:1px solid rgba(148,163,184,.7);background:#0f172a8c;color:#e5e7eb}.profile-line.secondary[data-v-8a0803b3]{font-family:Arial,Helvetica,sans-serif;font-size:clamp(11px,.9vw,13px);color:#e5e7eb;opacity:.95}.profile-line.meta[data-v-8a0803b3]{font-size:clamp(10px,.8vw,11px);color:#cbd5f5;opacity:.9;margin-top:5px}.job-title[data-v-8a0803b3]{font-weight:600}.company-name[data-v-8a0803b3],.division-name[data-v-8a0803b3]{font-weight:400}.dot-separator[data-v-8a0803b3]{opacity:.7}.nik-label[data-v-8a0803b3]{font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:14px}.nik-value[data-v-8a0803b3]{letter-spacing:.08em;font-size:14px}.birthday-overlay[data-v-8a0803b3]{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999}.birthday-card[data-v-8a0803b3]{position:relative;background:radial-gradient(circle at top,rgba(25,79,109,.12),transparent 55%),#f5f4f0;border-radius:24px;overflow:hidden;width:90%;max-width:380px;box-shadow:0 18px 40px #00000040;border:1px solid rgba(25,79,109,.12);animation:popIn-8a0803b3 .6s cubic-bezier(.18,.89,.32,1.28)}.confetti[data-v-8a0803b3]{position:absolute;inset:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><circle cx="20" cy="20" r="6" fill="%23194f6d" /><circle cx="80" cy="28" r="5" fill="%23f5f4f0" /><circle cx="55" cy="72" r="5" fill="%23b7c4cf" /><circle cx="32" cy="82" r="4" fill="%23d9d0c3" /></svg>');background-size:40px;opacity:.25;animation:float-8a0803b3 18s infinite linear}.birthday-content[data-v-8a0803b3]{padding:32px 24px 28px;text-align:center;color:#194f6d;position:relative;z-index:2}.birthday-content h2[data-v-8a0803b3]{font-size:22px;font-weight:700;margin:8px 0 10px;letter-spacing:.02em}.birthday-wish[data-v-8a0803b3]{font-size:14px;line-height:1.7;opacity:.95;margin:12px 0 24px}.birthday-btn[data-v-8a0803b3]{background:#194f6d;color:#f5f4f0;border:none;padding:10px 30px;border-radius:999px;font-weight:600;font-size:15px;cursor:pointer;transition:all .25s ease;box-shadow:0 8px 18px #194f6d4d}.birthday-btn[data-v-8a0803b3]:hover{transform:translateY(-2px);box-shadow:0 12px 26px #194f6d59}.birthday-btn[data-v-8a0803b3]:active{transform:translateY(0);box-shadow:0 6px 14px #194f6d40}@keyframes popIn-8a0803b3{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes float-8a0803b3{0%{background-position:0 0}to{background-position:100px 100px}}@keyframes loading-8a0803b3{0%{background-position:200% 0}to{background-position:-200% 0}}.birthday-fade-enter-active[data-v-8a0803b3],.birthday-fade-leave-active[data-v-8a0803b3]{transition:opacity .4s}.birthday-fade-enter-from[data-v-8a0803b3],.birthday-fade-leave-to[data-v-8a0803b3]{opacity:0}.login-loader{position:relative;top:5svh;left:0;width:100svw;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;z-index:1000;overflow:hidden}@media(max-width:320px){.login-loader{top:-10svh}}.login-loader .login-form{position:relative;width:86%;left:-2%;max-width:400px;height:350px;border-radius:5px;border:1.5px solid #e0e0e0;margin:60px auto 0;padding:15px;background:#fff;box-shadow:0 3px 5px #0000001f,0 1px 2px #0000003d}.forgot-loader{position:relative;top:0;left:0;width:100svw;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;padding:20px;z-index:1000;overflow:hidden}.forgot-loader .forgot-form{position:relative;left:-1%;width:86%;max-width:400px;height:305px;border-radius:5px;border:1.5px solid #e0e0e0;margin:0 auto 0 -10px;padding:15px;z-index:2;background:#fff;box-shadow:0 3px 5px #0000001f,0 1px 2px #0000003d}.attendance-loader{position:absolute;top:0;left:0;width:100%;height:100vh;background:#fff;padding:0;z-index:1000;overflow:hidden}.attendance-loader .attendance-card{position:relative;width:100%;padding:5px;display:flex;flex-direction:column;justify-content:center;border:1px solid #e0e0e0;background:#929292}.attendance-loader .attendance-card .navigator-wrapper{position:relative;width:100%;height:40px;border-radius:10px;display:flex;flex-direction:row;gap:20px;background-color:#b9b9b9;margin-top:5px;margin-left:3px;padding-bottom:0" class="mt-10}.attendance-loader .attendance-card .clock-box{position:absolute;left:49%;-webkit-transform:translateX(-50%);transform:translate(-50%);display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:130px;border:1px solid #e0e0e0;border-radius:10px;width:88%;height:130px;background:#fff;box-shadow:0 3px 5px #0000001f,0 1px 2px #0000003d}.attendance-loader .attendance-card .clock-box .top{width:100%;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e0e0e0}.attendance-loader .attendance-card .clock-box .body{display:flex;flex-direction:row;justify-content:space-between;gap:10px;padding:15px}.time-box{position:absolute;top:110px;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:10px}.clock-history{position:relative;width:90%;height:80px;margin:-10px auto 20px;background:#fff;border-radius:15px;display:flex;flex-direction:row;flex-wrap:wrap;padding:5px;border:1px solid var(--border)}.clock-history .date{width:20%;height:100%;background:var(--backcolor);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.clock-history .clocking{width:33%;height:100%;padding:10px;align-items:center;font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column}.day-detail{position:absolute;right:0;bottom:0;height:100%;width:35px;background:var(--border);border-top-right-radius:15px;border-bottom-right-radius:15px;color:#fff;display:flex;justify-content:center;align-items:center;font-size:23px;text-decoration:none}.time-row{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:5px;width:100%}.status-icon{width:25px;height:25px;flex-shrink:0;margin-bottom:1px}.status-approved-live{color:#16a34a}.status-rejected-live{color:#ef4444}.status-waiting-live{color:#f59e0b}.inbox-loader{position:absolute;top:0;left:0;width:100%;height:100vh;background:#fff;padding:0;z-index:1000;overflow:hidden}.inbox-loader .inbox-card{position:relative;width:100%;padding:5px;display:flex;flex-direction:column}.inbox-loader .inbox-card .navigator-wrapper{position:relative;width:100%;height:40px;border-radius:10px;display:flex;flex-direction:row;gap:20px;background-color:#b9b9b9;margin-top:5px;margin-left:3px;padding-bottom:0" class="mt-10}.inbox-loader .inbox-body{position:relative;width:94%;display:flex;flex-direction:column;align-items:start;margin:0 auto}.inbox-header{width:94%;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.inbox-header-left h3{margin:0}.inbox-subtitle{margin:4px 0 0;font-size:12px;color:#6b7280;font-family:Arial,Helvetica,sans-serif}.inbox-period{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px}@media(max-width:767px){.inbox-period{margin-top:8px}}.inbox-period-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;font-family:Arial,Helvetica,sans-serif}.inbox-period-select{width:100%;font-size:13px;border-radius:10px;border:1px solid var(--border);background:#fff}@media(min-width:768px){.inbox-header{flex-direction:row;align-items:flex-end;justify-content:space-between}.inbox-period{width:auto;align-items:flex-end;margin-top:0}.inbox-period-select{width:auto;min-width:130px}}.inbox-wrapper{width:100%;max-width:194vh;margin:0 auto;padding:0 12px 16px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}.leave-approve{position:relative;width:100%;margin-top:10px;display:flex;flex-direction:column;gap:10px}.leave-approve .leave-card{width:100%;box-sizing:border-box;border-radius:14px;border:1.5px solid var(--border);background:#fff;padding:14px 16px;display:flex;align-items:flex-start;gap:14px;font-family:Arial,Helvetica,sans-serif;box-shadow:0 2px 5px #0f172a08;transition:background-color .16s ease,box-shadow .16s ease,transform .1s ease,border-color .16s ease}.leave-card-success{border-left:4px solid #16a34a;background:linear-gradient(135deg,#fff,#f0fdf4)}.leave-card-warning{border-left:4px solid #b91c1c;background:linear-gradient(135deg,#fff,#fef2f2)}.leave-card-pending{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fff,#fffbeb)}.leave-approve .leave-card:hover{background:#f5f4f0;box-shadow:0 6px 14px #0f172a0f;transform:translateY(-1px)}.leave-approve .leave-card:active{transform:translateY(0);box-shadow:0 3px 8px #0f172a0a}.leave-icon{width:42px;height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#e5edf3;color:#194f6d;font-size:20px}.leave-icon-success{background:#dcfce7;color:#15803d}.leave-icon-warning{background:#fee2e2;color:#b91c1c}.leave-icon-pending{background:#fef3c7;color:#92400e}.leave-card-main{flex:1;display:flex;flex-direction:column;gap:6px}.leave-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-bottom:8px;margin-bottom:8px}.leave-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#e5e7eb}.leave-title{margin:0;font-size:15px;font-weight:600;color:var(--bluecolor);line-height:1.5}.leave-status-pill{padding:4px 13px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;box-shadow:0 0 0 1px #94a3b840}.pill-success{background:#dcfce7;color:#166534;border:1px solid #16a34a}.pill-warning{background:#fee2e2;color:#b91c1c;border:1px solid #ef4444}.pill-pending{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.leave-details{margin-top:2px;padding-left:10px;border-left:2px solid rgba(148,163,184,.35)}.leave-detail-line{margin:0;font-size:13px;line-height:1.5;color:#111827}.leave-card-success .leave-detail-line{color:#14532d}.leave-card-warning .leave-detail-line{color:#991b1b}.leave-card-pending .leave-detail-line{color:#92400e}.leave-approve .leave-card .leave-employee{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af;margin-top:4px}.leave-footer{margin-top:6px;padding-top:6px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px dashed rgba(148,163,184,.45)}.leave-date{font-size:12px;font-weight:400;color:#6b7280;display:block}@media(max-width:480px){.leave-header{flex-direction:column;align-items:flex-start;gap:4px}.leave-status-pill{align-self:flex-start}.leave-footer{flex-direction:column;align-items:flex-start}}.settings-section{width:100%;display:flex;justify-content:center;padding:0 12px 24px;box-sizing:border-box}.settings-card{width:100%;max-width:640px;background:#fff;border-radius:18px;padding:12px 10px;margin-top:3.5rem;box-shadow:0 8px 22px #0f172a1f;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.settings-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:12px;text-decoration:none;background:transparent;border:none;cursor:pointer;box-sizing:border-box;transition:background-color .16s ease,transform .08s ease,box-shadow .16s ease}.settings-item+.settings-item{margin-top:4px}.settings-item:hover{background:#f3f4f6;transform:translateY(-1px)}.settings-item:active{transform:translateY(1px);box-shadow:0 2px 8px #0f172a26}.settings-icon{width:44px;height:44px;border-radius:999px;background:#e5edf3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-text{flex:1;display:flex;flex-direction:column}.settings-title{font-size:14px;font-weight:600;color:#111827}.settings-subtitle{margin-top:2px;font-size:11px;color:#6b7280;text-align:left}.settings-chevron{font-size:12px;color:#9ca3af}.settings-item-logout{margin-top:10px;border-top:1px solid #e5e7eb;padding-top:14px}.settings-item-logout .settings-icon{background:#fee2e2}.logout-title{color:#b91c1c;font-weight:600;text-align:left}.settings-item-logout .settings-chevron{color:#f87171}.settings-item-logout:hover{background:#fef2f2}@media(min-width:768px)and (max-width:1023px){.settings-section{padding:16px 24px 32px}.settings-card{max-width:835px;padding:14px 14px 18px}.settings-title{font-size:15px}.settings-subtitle{font-size:12px}}@media(min-width:1280px){.settings-section{padding:24px 80px 48px}.settings-card{max-width:195vh}}.profile-loader{position:absolute;top:0;left:0;width:100%;height:100vh;background:#fff;padding:0;z-index:1000;overflow:hidden}.profile-loader .profile-card{position:relative;width:100%;padding:5px;display:flex;flex-direction:column}.profile-loader .profile-card .navigator-wrapper{position:relative;width:100%;height:40px;border-radius:10px;display:flex;flex-direction:row;gap:20px;background-color:#b9b9b9;margin-top:5px;margin-left:3px;padding-bottom:0" class="mt-10}.profile-loader .profile-body{position:relative;width:95%;display:flex;flex-direction:column;align-items:center;margin-top:20px;padding:10px}.profile-page-wrapper{position:relative;width:100%;max-width:640px;margin:0 auto;padding:32px 0 40px}.image-canvas{position:relative;width:100%;display:flex;justify-content:center;margin-bottom:12px}.image-holder{width:120px;height:120px;border-radius:999px;overflow:hidden;border:3px solid #e5e7eb;box-shadow:0 6px 16px #0f172a2e;background:radial-gradient(circle at 30% 20%,#f9fafb,#e5e7eb)}.picture{width:100%;height:100%;object-fit:cover}.overlay-photo{position:absolute;right:calc(50% - 64px);bottom:4px;transform:translate(50%);width:34px;height:34px;border-radius:999px;background:#194f6d;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;box-shadow:0 4px 10px #0f172a59}.overlay-photo-input-wrapper{position:absolute;inset:0;overflow:hidden}.overlay-photo .file-input{width:100%;height:100%;opacity:0;cursor:pointer}.overlay-photo i{pointer-events:none}.profile-name-block{width:100%;text-align:center;margin-bottom:18px;font-family:Arial,Helvetica,sans-serif}.profile-name{font-size:19px;font-weight:600;color:#111827;display:block}.profile-meta{margin-top:4px;font-size:12px;color:#6b7280}.profile-content{width:92%;margin:0 auto;background:#fff;border-radius:18px;padding:14px 14px 18px;box-shadow:0 8px 22px #0f172a1f;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;position:relative}.profile-content:before{content:"Profile details";position:absolute;top:-18px;left:10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af}.profile-navigation{width:100%;display:flex;gap:6px;padding:0;border-radius:999px;background:#f3f4f6;margin-bottom:14px}.nav-item{flex:1;font-size:15px;text-align:center;padding:15px 0;border-radius:999px;cursor:pointer;color:#6b7280;font-weight:500;transition:background-color .16s ease,color .16s ease,transform .08s ease}.nav-item-active{background:#194f6d;color:#fff;transform:translateY(-1px)}.input-container{display:flex;flex-direction:column;gap:12px;margin-top:4px}.profile-content .input-group{width:100%;display:flex;flex-direction:column;gap:6px}.profile-content .input-group label{font-size:12px;color:#4b5563}.profile-content .input,.profile-content .input-textarea{width:100%;border-radius:10px;border:1px solid #e5e7eb;padding:9px 10px;font-size:13px;box-sizing:border-box;background:#f9fafb;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.profile-content .input:focus,.profile-content .input-textarea:focus{border-color:#194f6d;box-shadow:0 0 0 1px #194f6d26;background:#fff}.profile-content .input.readonly{background:#f3f4f6;color:#6b7280}.profile-content .input-textarea{resize:vertical;min-height:72px;line-height:1.45}.input-row{display:flex;gap:10px}.input-row .half{width:50%}.divider{width:100%;height:1px;background:#e5e7eb;margin:16px 0}.disclaimer{font-size:12px;color:#6b7280;line-height:1.5}.disclaimer-title{margin:0 0 6px;font-size:13px;font-weight:600;color:#111827}.save-btn{width:100%;height:42px;border-radius:999px;border:none;background:#194f6d;color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px;transition:background-color .16s ease,transform .08s ease,box-shadow .16s ease}.save-btn:hover{background:#153a52;box-shadow:0 6px 14px #0f172a40}.save-btn:active{transform:translateY(1px);box-shadow:0 3px 8px #0f172a2e}@media(min-width:768px){.profile-page-wrapper{padding-top:48px}.image-holder{width:132px;height:132px}.profile-content{width:86%;padding:18px 18px 22px}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.clockin-loader{position:absolute;top:0;left:0;width:100%;height:100vh;background:#fff;padding:0;z-index:1000;overflow:hidden}.clockin-loader .clockin-card{position:relative;width:100%;padding:5px;display:flex;flex-direction:column}.clockin-loader .clockin-card .navigator-wrapper{position:relative;width:100%;height:40px;border-radius:10px;display:flex;flex-direction:row;gap:20px;background-color:#b9b9b9;margin-top:5px;margin-left:3px;padding-bottom:0" class="mt-10}.clockin-body{position:relative;width:90%;display:flex;flex-direction:column;align-items:start;margin-top:20px;padding:20px}.detail-loader{position:absolute;top:0;left:0;width:100%;height:100vh;background:#fff;padding:0;z-index:1000;overflow:hidden}.detail-loader .detail-card{position:relative;width:100%;padding:5px;display:flex;flex-direction:column}.detail-loader .detail-card .navigator-wrapper{position:relative;width:100%;height:40px;border-radius:10px;display:flex;flex-direction:row;gap:20px;background-color:#b9b9b9;margin-top:5px;margin-left:3px;padding-bottom:0" class="mt-10}.detail-body{position:relative;width:95%;display:flex;flex-direction:column;align-items:start;margin-top:20px;padding:20px}.approved-top{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0 4px}.state-approved{color:#2e7d32;margin-top:4px;font-size:20px;font-weight:600}.state-declined{color:#b91c1c;margin-top:4px;font-size:20px;font-weight:600}.state-pending{color:#f59e0b;margin-top:4px;font-size:20px;font-weight:600}.logo{height:300px;width:300px}.change-password-wrapper{width:100%;max-width:600px;margin:0 auto;padding:72px 16px 32px;box-sizing:border-box}.pw-card{width:100%;background:#fff;border-radius:16px;border:1px solid var(--border);box-shadow:0 4px 14px #0f172a0f;padding:18px 16px 20px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.pw-card-title{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--dark)}.pw-card-subtitle{margin:0 0 18px;font-size:12px;color:#6b7280}.pw-input-group{position:relative;width:100%;display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.pw-label{font-size:13px;font-weight:500;color:#374151}.pw-input-wrapper{position:relative;width:100%}.pw-input-group .input,.pw-input{width:100%;height:42px;border-radius:10px;padding:0 40px 0 12px;font-size:13px;background-color:#f3f4f6;border:1px solid transparent;outline:none;box-sizing:border-box}.pw-input-group .input:is(:focus,:active),.pw-input:is(:focus,:active){border-color:#0c98e4;background-color:#fff}.show-password-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:15px;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center}.selected{color:#0c98e4}.pw-error{font-size:11px;color:var(--red);margin-top:2px}.pw-requirements-wrapper{margin-top:4px}.pw-requirements-title{display:block;font-size:12px;font-weight:600;color:var(--dark);margin-bottom:6px}.pw-requirements{display:flex;flex-wrap:wrap;gap:6px;font-size:11px}.pw-requirements span{padding:4px 8px;border-radius:999px;border:1px solid transparent}.pw-req-active{color:#0c98e4;background:#e0f2fe;border-color:#bfdbfe}.pw-req-inactive{color:#9ca3af;background:#f3f4f6;border-color:#e5e7eb}.pw-save-btn{width:100%;margin-top:18px}@media(min-width:640px){.change-password-wrapper{padding-top:80px}.pw-card{padding:20px 20px 22px}}.leave-loader{position:absolute;top:0;left:0;width:100%;height:100vh;background:#fff;padding:0;z-index:1000;overflow-x:hidden;overflow-y:scroll}.leave-loader .leave-card{position:relative;width:100%;padding:5px;display:flex;flex-direction:column}.leave-loader .leave-card .navigator-wrapper{position:relative;width:100%;height:40px;border-radius:10px;display:flex;flex-direction:row;gap:20px;background-color:#b9b9b9;margin-top:5px;margin-left:3px;padding-bottom:0" class="mt-10}.leave-loader .report-wrapper{position:absolute;top:80px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:96%;height:110px;margin:0 auto;border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:row;justify-content:space-around;background:#b9b9b9;gap:5px}.leave-button{position:absolute;top:145px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:94%;height:40px;border-radius:10px;border:1.5px solid var(--bluecolor);display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:13pt;font-weight:700;font-family:Arial,Helvetica,sans-serif;color:var(--bluecolor);cursor:pointer}.leave-item{position:absolute;top:200px;left:40%;-webkit-transform:translateX(-40%);transform:translate(-40%);width:90%;padding:0}@media only screen and (max-width:767px){.leave-item{position:absolute;top:200px;left:40%;-webkit-transform:translateX(-40%);transform:translate(-40%);width:88%;padding:0;margin-left:-10px}}.leave-item .leave-card{position:relative;width:100%;height:70px;border:1px solid var(--border);background:#fff;border-radius:10px;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;padding:10px 15px;margin-top:10px}.leave-item .leave-card .leave-title{font-size:12pt;font-weight:700;color:var(--bluecolor)}.leave-item .leave-card .leave-date{margin-top:15px;font-size:12pt;font-weight:700;color:#474747}.leave-item .leave-card .leave-period{margin-top:3px;font-size:10pt;color:#e0e0e0;font-weight:400}.leave-item .leave-card .leave-status-success{position:absolute;top:10px;right:10px;width:80px;height:25px;border-radius:10px;background:#00e28f;display:flex;justify-content:center;align-items:center;font-size:10pt;font-weight:700;font-family:Arial,Helvetica,sans-serif;color:#fff}.leave-item .leave-card .leave-status-fail{position:absolute;top:10px;right:10px;width:80px;height:25px;border-radius:10px;background:#b50000;display:flex;justify-content:center;align-items:center;font-size:10pt;font-weight:700;font-family:Arial,Helvetica,sans-serif;color:#fff}.leave-item .leave-card .leave-status-pending{position:absolute;top:10px;right:10px;width:80px;height:25px;border-radius:10px;background:#ffed2b;display:flex;justify-content:center;align-items:center;font-size:10pt;font-weight:700;font-family:Arial,Helvetica,sans-serif;color:#fff}.leave-item .leave-card .leave-detail{position:absolute;bottom:10px;right:20px;color:#838383;font-size:10pt}.create-request .request-card{position:relative;width:90%;height:auto;margin:60px auto 0;border:1px solid var(--border);background:var(--white);border-radius:15px;padding:15px;display:flex;flex-direction:column;gap:10px}.create-request .request-card .request-submit{position:relative;width:100%;height:50px;border-radius:10px;margin-top:10px;background:var(--bluecolor);color:var(--white);border:none;font-size:12pt;font-family:Arial,Helvetica,sans-serif;display:flex;align-content:center;justify-content:center}.new-leave-loader{position:absolute;top:0;left:0;width:100%;height:100vh;background:#fff;padding:0;z-index:1000;overflow-x:hidden;overflow-y:scroll}.new-leave-loader .new-leave-card{position:relative;width:100%;padding:5px;display:flex;flex-direction:column}.new-leave-loader .new-leave-card .navigator-wrapper{position:relative;width:100%;height:40px;border-radius:10px;display:flex;flex-direction:row;gap:20px;background-color:#b9b9b9;margin-top:5px;margin-left:3px;padding-bottom:0" class="mt-10}.create-request{position:relative;top:10px;left:0;width:100%;padding:0;display:flex;justify-content:center;align-items:center}.create-request .request-card{position:relative;width:90%;height:auto;margin:60px auto 10px;border:1px solid var(--border);background:var(--white);border-radius:15px;padding:15px;display:flex;flex-direction:column;gap:10px}.create-request .request-card label{font-family:Arial,Helvetica,sans-serif;margin-top:10px;font-size:10pt}.create-request .request-card .request-title{font-family:Arial,Helvetica,sans-serif;font-size:12pt;font-weight:700;margin-bottom:20px;text-align:center;color:var(--bluecolor)}.create-request .request-card select{width:100%;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--white);font-size:11pt;padding:10px}.create-request .request-card textarea{width:94%;border-radius:10px;border:1px solid var(--border);background:var(--white);font-size:11pt;padding:10px;font-family:Arial,Helvetica,sans-serif}.create-request .request-card .card-input{width:94%;height:25px;border-radius:10px;border:1px solid var(--border);background:var(--white);font-size:11pt;padding:10px}.create-request .request-card .request-submit{width:100%;height:50px;border-radius:10px;margin-top:10px;background:var(--bluecolor);color:var(--white);border:none;font-size:12pt;font-family:Arial,Helvetica,sans-serif}.create-request .request-card .request-reject{width:100%;height:50px;border-radius:10px;margin-top:5px;background:var(--melawai);color:var(--white);border:none;font-size:12pt;font-family:Arial,Helvetica,sans-serif}.flex-row{display:flex;flex-direction:row}.button-container{width:100%;display:flex;flex-direction:row;gap:5px}.button-container>*{margin-top:15px;margin-right:10px}.button-container .draw-btn{width:25%;height:40px;background:var(--backcolor);border:none;border-radius:10px;color:#fff;font-weight:400;font-family:Arial,Helvetica,sans-serif}.download-button{position:relative;width:98%;height:50px;border:1px solid var(--bluecolor);display:flex;flex-direction:row;color:#fff;overflow-x:hidden;align-items:center;cursor:pointer;overflow:hidden}.download-button .download-icon{position:absolute;top:0;left:0;width:50px;height:100%;background:var(--bluecolor);display:flex;justify-content:center;align-items:center;font-size:17pt}.description-input{display:flex;flex-direction:row;align-items:center;width:100%;height:30px;gap:10px}.reset-loader{position:relative;top:0;left:0;width:100svw;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;z-index:1000;overflow:hidden}.reset-loader .login-form{position:relative;left:-2%;width:86%;max-width:400px;height:390px;border-radius:5px;border:1.5px solid #e0e0e0;margin:40px auto 0;padding:15px;background:#fff;box-shadow:0 3px 5px #0000001f,0 1px 2px #0000003d}.bluecolor{color:var(--bluecolor)}.graycolor{color:var(--gray)}.spinner{font-size:28px;position:relative;display:inline-block;width:1em;height:1em;margin-top:10px}.spinner.center{position:absolute;inset:0;margin:auto}.spinner .spinner-blade{position:absolute;left:.4629em;bottom:0;width:.074em;height:.2777em;border-radius:.0555em;background-color:transparent;-webkit-transform-origin:center -.2222em;-ms-transform-origin:center -.2222em;transform-origin:center -.2222em;animation:spinner-fade9234 1s infinite linear}.spinner .spinner-blade:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}.spinner .spinner-blade:nth-child(2){-webkit-animation-delay:83ms;animation-delay:83ms;-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.spinner .spinner-blade:nth-child(3){-webkit-animation-delay:.166s;animation-delay:.166s;-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.spinner .spinner-blade:nth-child(4){-webkit-animation-delay:.249s;animation-delay:.249s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.spinner .spinner-blade:nth-child(5){-webkit-animation-delay:.332s;animation-delay:.332s;-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.spinner .spinner-blade:nth-child(6){-webkit-animation-delay:.415s;animation-delay:.415s;-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.spinner .spinner-blade:nth-child(7){-webkit-animation-delay:.498s;animation-delay:.498s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.spinner .spinner-blade:nth-child(8){-webkit-animation-delay:.581s;animation-delay:.581s;-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.spinner .spinner-blade:nth-child(9){-webkit-animation-delay:.664s;animation-delay:.664s;-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.spinner .spinner-blade:nth-child(10){-webkit-animation-delay:.747s;animation-delay:.747s;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.spinner .spinner-blade:nth-child(11){-webkit-animation-delay:.83s;animation-delay:.83s;-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.spinner .spinner-blade:nth-child(12){-webkit-animation-delay:.913s;animation-delay:.913s;-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}@keyframes spinner-fade9234{0%{background-color:#fff}to{background-color:transparent}}:root{--logincolor: #2a85b2;--loginhover: #1b5c7c;--white: #fff;--melawai: #b22a2e;--border: #e0e0e0;--gray: #b1b1b1;--gray200: #E8EAED;--gray400: #CCD2DA;--canvas: #F5f4f0;--backcolor: #194F6D;--bluecolor: #194F6D;--secondcolor: #45759C;--bluehover: #45759C;--screenoverlay: #000000c3;--tosca: #65cac6;--bg-blue-new: #45759c;--pink: #f8a3b6;--red: #ff2c2c;--yellow: #f5c269;--lightyellow: #fabc4e;--darkblue: #7b9ad0;--purple: #c8b3e7;--oranges: #faad91;--dark: #393939;--darkgreen: #107B75}button{border:none}html{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;font-family:Overused Grotesk,sans-serif}html,body{margin:0;padding:0;width:100%;height:100%}html::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:0;background:transparent}::-webkit-scrollbar-thumb{background:transparent}.text-active{color:var(--bluecolor)}.text-danger{color:var(--red)}h1,h2,h3,h4,h5,h6{color:var(--dark)}.h-40{height:40px}.h-50{height:50px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mt-60{margin-top:10px}.ml-10{margin-left:10px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.mb-50{margin-bottom:50px}.error-message{font-size:10pt;color:var(--red)}.page-wrapper{position:relative;width:100%;height:100vh;padding:0;overflow-x:hidden}.back-btn{width:100px;height:45px;text-decoration:none;background:var(--logincolor);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Arial,Helvetica,sans-serif}.back-btn:hover{background:var(--loginhover)}.back-btn span{font-size:12pt;margin-left:10px}.login-bottom-text{position:relative;margin:-10px auto 0;font-family:MODERA,sans-serif;font-size:17pt;color:#494949}.login-bottom-text .copyright{color:var(--logincolor);font-family:Arial,Helvetica,sans-serif}.login-bottom-text .version{font-family:Arial,Helvetica,sans-serif;font-size:11pt;color:#194f6d;font-weight:700}.login-container{position:relative;top:0;left:0;margin:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at top left,rgba(69,117,156,.22),transparent 55%),radial-gradient(circle at bottom right,#194f6d59,#f5f4f0 70%);padding:16px;box-sizing:border-box}.login-container .login-bg{position:relative;width:90%;max-width:360px;margin:-5rem auto 16px}.login-container .login-form{position:relative;top:0;left:0;display:flex;flex-direction:column;gap:10px;width:85%;max-width:400px;background-color:var(--white);box-shadow:0 3px 5px #0000001f,0 1px 2px #0000003d;padding:16px 25px;border-radius:6px;border:1.5px solid var(--border);margin-bottom:24px}@media(min-width:768px){.login-container{flex-direction:row;justify-content:center;align-items:center}.login-container .login-bg{margin:0 40px 0 0;width:430px;max-width:430px}.login-container .login-form{margin-bottom:0}}@media(max-width:320px){.login-container .login-bg{display:none}}.login-form-title{font-family:Prilly Monly,sans-serif;font-size:32px;color:#494949;font-weight:600;letter-spacing:-1px;position:relative;display:flex;align-items:center;padding-left:30px}.login-form-title:before,.login-form-title:after{position:absolute;content:"";height:16px;width:16px;border-radius:50%;left:0;background-color:var(--logincolor)}.login-form-title:before{width:18px;height:18px;background-color:var(--logincolor)}.login-form-title:after{width:18px;height:18px;animation:pulse 1s linear infinite}.error-message{font-family:Arial,Helvetica,sans-serif;color:#c50000;margin-top:5px;font-size:10pt;margin-left:5px}.message,.signin{color:#585757d2;font-size:14px;margin-top:-10px}.signin{text-align:center}.signin a:hover{text-decoration:underline var(--logincolor)}.login-form label{position:relative}.login-form label .input{width:94%;padding:10px 10px 20px;outline:0;border:1px solid rgba(105,105,105,.397);background-color:#f8f8f8;border-radius:10px}.login-form label .input+span{position:absolute;left:10px;top:15px;color:gray;font-family:Arial,Helvetica,sans-serif;font-size:.9em;cursor:text;transition:.3s ease}.login-form label .input:placeholder-shown+span{top:15px;font-size:.9em;font-family:Arial,Helvetica,sans-serif}.login-form label .input:focus+span,.form label .input:valid+span{font-family:Arial,Helvetica,sans-serif;top:30px;font-size:.7em;font-weight:600}.show-password{position:absolute;top:15px;right:10px;color:var(--gray)}.login-form label .input:valid+span{color:gray}.login-form-submit{position:relative;border:none;outline:none;background-color:var(--logincolor);padding:10px;height:50px;border-radius:10px;color:#fff;font-size:16px;margin-top:15px;margin-bottom:20px;cursor:pointer;transform:.3s ease}.login-form-submit:hover{background-color:var(--loginhover)}@keyframes pulse{0%{transform:scale(.9);opacity:1}to{transform:scale(1.8);opacity:0}}.congrats{position:absolute;top:0;left:0;width:100%;height:100vh;background:transparent;padding:0;display:flex;justify-content:center;z-index:100}.home-container{position:absolute;width:100%;min-height:100vh;top:0;left:0;overflow-x:hidden;overflow-y:scroll}.top-page{position:relative;width:100%;height:300px;display:flex;flex-direction:column;flex-wrap:wrap;margin:0;background:#f5f4f0;background-size:100% 100%;background-repeat:no-repeat;object-fit:contain;background-position:bottom}.top-page .profile-section{position:absolute;width:96%;left:50%;transform:translate(-50%);margin-top:10px;background:var(--backcolor);box-shadow:0 3px 5px #00000038,0 1px 2px #00000070;border-radius:10px;display:flex;align-items:center;gap:12px;padding:10px 14px;box-sizing:border-box}.top-page .profile-section .profile-img{flex-shrink:0;width:auto;padding:0;display:flex;align-items:center;justify-content:center}.top-page .profile-section .profile-img .img-thumb{width:70px;height:70px;object-fit:cover;border-radius:8px;margin-bottom:0}.top-page .profile-section .profile-name{display:flex;flex-direction:column;gap:3px;margin-top:0}.top-page .profile-section .profile-name .name{font-family:Escopedia,sans-serif;font-size:20px;font-weight:700;margin:0;color:#fff}.top-page .profile-section .profile-name .section{font-family:Crafter Dreams,sans-serif;margin:0 5px;color:#fff}.top-page .profile-section .profile-setting{margin-left:auto;align-self:flex-start;padding-top:20px;position:static}.top-page .profile-section .profile-setting i{font-size:18pt;margin-top:0;color:#fff}.attendance-section{position:absolute;top:105px;left:45%;transform:translate(-50%);width:100%;max-width:1600px;border-radius:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15%;box-sizing:border-box;height:auto;margin-top:15px}.attendance-button{position:relative}.inbox-badge{position:absolute;top:10px;right:15px;min-width:30px;height:25px;padding:0 10px;border-radius:999px;background:#dc2626;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #0000000f}.attendance-section .attendance-button{width:130%;box-sizing:border-box;height:100px;margin-top:10px;padding:10px 16px;background-color:var(--white);border:1px solid var(--border);border-radius:14px;text-decoration:none;box-shadow:0 4px 10px #0000000f;display:flex;align-items:center;justify-content:flex-start;transition:background-color .18s ease,box-shadow .18s ease,transform .12s ease}.attendance-inner{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:100%}.attendance-label{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:600;color:#111827;white-space:nowrap}.attendance-icon{width:42px;height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#f5f4f0}.attendance-icon.live{background:#194f6d14}.attendance-icon.inbox{background:#ff725e14}.attendance-section .attendance-button{transition:background-color .18s ease,box-shadow .18s ease,transform .12s ease}.attendance-section .attendance-button:hover{background-color:#f3f6fb;box-shadow:0 6px 14px #0f172a14;transform:translateY(-1px)}.attendance-section .attendance-button:active{transform:translateY(0);box-shadow:0 3px 8px #0f172a0f}@media(max-width:1785px){.top-page{height:360px}.attendance-section{top:80px;left:50%;width:100%;grid-template-columns:1fr;gap:0px;padding:0 13px;box-sizing:border-box}.attendance-section .attendance-button{height:85px;width:100%;margin-top:15px}}.body-section{width:100%}.body-page{position:relative;width:100%;display:flex;flex-direction:column;flex-wrap:wrap;margin:0;background:#fff;border-top-left-radius:30px;border-top-right-radius:30px;border-top:1.5px solid var(--border)}.body-section{padding:0 10px}.body-section .title,.body-section .title-log{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:25px;margin-top:3rem}.body-section .title-inbox{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:10px;margin-top:3rem}.body-section .title h3,.body-section .title-inbox h3,.body-section .title-log h3{font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:700;color:#1f2933;text-transform:uppercase;letter-spacing:.08em}.month-pick{width:100px;margin-right:5%;border:none;height:30px;margin-top:15px;font-size:12pt;color:#5b5b5b}.month-pick:is(:hover,:active,:focus){border:none}.month-pick option{border:none}.request-modal{position:absolute;top:0;left:0;width:100svw;min-height:100svh;overflow-x:hidden;overflow-y:scroll;z-index:10;display:flex;align-items:center;justify-content:center}.request-modal .overlayer{position:absolute;width:100%;height:100%;background:var(--screenoverlay);z-index:1}.request-modal .card{width:90%;max-width:340px;max-height:630px;background:#fff;border-radius:5px;margin-top:40px;margin-bottom:40px;z-index:2}.request-modal .card .card-header{width:100%;padding:10px}.request-modal .card .card-header span{font-family:Arial,Helvetica,sans-serif;font-size:15pt;font-weight:700}.request-modal .card .card-body{width:100%;padding:10px;display:flex;flex-direction:column}.request-modal .card .card-body input{position:relative;width:80%;height:40px;border-radius:10px;background-color:#eaeaea;border:2px solid #fff;box-shadow:0 1px 3px #0003;border:none;margin-top:10px;padding:5px 10px}.request-modal .card .card-body .input-group{position:relative;margin-top:10px}.request-modal .card .card-body .input-label{position:absolute;top:22px;left:10px;z-index:2;font-size:13px;color:var(--dark)}.request-modal .card .card-body select{width:93%;max-width:310px;height:50px;border-radius:10px;background-color:#eaeaea;box-shadow:0 1px 3px #0003;border:2px solid #fff;margin-top:10px;padding:5px 10px}.request-modal .card .card-body select option{color:#9d9d9d}.request-modal .card .card-button{width:93%;height:45px;background-color:var(--bluecolor);color:#fff;border-radius:5px;text-align:center;padding:0;font-size:12pt;display:flex;justify-content:center;align-items:center;border:none;box-shadow:1px 3px 5px #0000001f,0 1px 2px #0000003d;margin-top:50px;margin-bottom:5px;font-weight:bolder}.request-modal .card .card-button:hover{background-color:var(--bluehover);border:none;color:#fff}.navigation-name{position:relative;width:100%;padding:10px;display:flex;flex-direction:row}.navigation-name i{color:#fff;font-size:16pt;margin-left:10px}.navigation-name span{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:15pt}.time-section{display:flex;flex-direction:column;width:100%;text-align:center;margin-top:100px;margin-bottom:40px}.time-section .time{font-family:Arial,Helvetica,sans-serif;font-weight:700;color:var(--backcolor);font-size:30pt}.time-section .date{font-family:Arial,Helvetica,sans-serif;color:var(--backcolor);font-size:13pt}.clocking-section{position:absolute;width:90%;height:130px;top:180px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);background-color:var(--white);box-shadow:1px 3px 5px #0000001f,0 1px 2px #0000003d;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding:0;z-index:100}.clocking-section .line{width:100%;height:1px;background:#ebebeb;margin-top:10px}.clocking-section .button-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:0}.clocking-section .button-wrapper span{margin-left:-50px}.clocking-section .title{text-align:center;margin-top:-10px;font-size:22pt;font-weight:700;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#494949}.clocking-section .attendance-button{width:42%;height:45px;background-color:var(--bluecolor);color:#fff;border-radius:5px;text-align:left;padding:0;font-size:11pt;display:flex;align-items:center;margin-top:10px;text-decoration:none;box-shadow:1px 3px 5px #0000001f,0 1px 2px #0000003d}.clocking-section .attendance-button:hover{background-color:var(--bluehover);border:none;color:#fff}.clocking-section .attendance-button i{font-size:16pt;color:#fff;margin-left:10px}.clocking-section .attendance-button span{font-family:Arial,Helvetica,sans-serif;font-size:13pt;font-weight:600;color:#fff;margin-left:15px}.body-section .content{width:100%;display:flex;flex-direction:column;margin-top:-20px}.body-section .content .items{width:100%;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:15px;margin-top:10px}.body-section .content .items .header{width:100%;text-align:left}.body-section .content .items .header span{text-align:left;font-size:13pt;font-weight:700;font-family:Arial,Helvetica,sans-serif}.body-section .content .items .detail{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:15px;font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:12pt}.body-section .content .items .detail .time{width:20%;padding-left:2px}.body-section .content .items .detail .desc{width:68%}.body-section .content .items .detail .nav{width:10%;color:#969696}.body-section .content .empty-data{font-family:Arial,Helvetica,sans-serif;font-size:13pt;font-weight:700;margin-top:100px;text-align:center}#map{position:fixed;top:0;left:0;height:60vh;width:100%;z-index:1}video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.text-white{color:#fff}.text-dark{color:#242424}.map-container{position:relative;height:55vh;width:100vw}.map-container-detail{position:relative;height:50vh;width:100vw}.clock-detail{position:relative;width:100%;min-height:70vh;background:#fff;display:flex;flex-direction:column;border-top-left-radius:30px;border-top-right-radius:30px;z-index:1;padding:12px 0 24px;box-sizing:border-box}.approved-top{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:8px;padding-bottom:4px}.logo{width:180px;height:180px}.status-label{margin-top:8px;font-size:25px;margin-bottom:8px;font-weight:600;text-align:center}.state-approved{color:#2e7d32}.state-declined{color:#b91c1c}.state-pending{color:#f59e0b}.clock-detail .detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:8px;margin:10px 18px 0;padding:30px 14px;box-sizing:border-box;background:#f9fafb;border-radius:16px;border:1px solid var(--border);box-shadow:0 4px 10px #0f172a0a}.clock-detail .detail-grid .detail-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:6px 4px;font-family:Arial,Helvetica,sans-serif}.detail-item{margin-top:2%}.clock-detail .detail-grid .detail-item .label{font-size:17x;text-transform:uppercase;letter-spacing:.12em;color:#6b7280}.clock-detail .detail-grid .detail-item .desc{font-size:15px;font-weight:600;color:#111827}.clock-detail .detail-photo{margin-top:18px;padding:0 20px 24px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.detail-photo .photo-label{font-family:Arial,Helvetica,sans-serif;font-weight:600;font-size:20px;color:#4b5563;margin-top:8px;margin-bottom:8px}.detail-photo img{width:100%;max-width:560px;height:300px;border-radius:14px;object-fit:cover;border:1px solid var(--border);box-shadow:0 6px 16px #0f172a1f}.handle{position:absolute;top:5px;left:50%;-webkit-transfrom:translateX(-50%);transform:translate(-50%);width:40%;height:5px;border-radius:50px;background:var(--border)}.clock-detail .clock-input .camera-input{width:120px;height:100px;border-radius:5px;object-fit:cover;margin:5px;position:relative;background:var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.clock-detail .clock-input .camera-input .image-holder{width:100%;height:100%;border-radius:5px;object-fit:cover}.clock-detail .clock-input .camera-input .image-text{position:absolute;top:35%;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:100%;display:flex;flex-direction:column;gap:10px;font-family:Arial,Helvetica,sans-serif}.clock-detail .clock-input .label-input{margin-top:-10px;font-family:Arial,Helvetica,sans-serif;font-size:12pt}.clock-detail .clock-input .title{margin-top:20px;font-family:Arial,Helvetica,sans-serif}.clock-detail .clock-input .textarea-input{width:98%;background:#f1f1f1;border-radius:10px;border:1px solid var(--border);font-size:12pt;margin:0 auto;padding:10px}@media only screen and (max-width:767px){.clock-detail .clock-input .textarea-input{width:94%}.clock-detail{height:150vh}.approved-text{font-size:20px}.logo{width:150px;height:150px}}.clock-detail .clock-input .textarea-input:is(:focus,:active,:hover){border:2px solid var(--bluecolor)}.clock-detail .button-container{position:fixed;bottom:0;width:100%;height:80px;background:#fff;display:flex;flex-direction:column;justify-content:center}.clock-detail .button-container .clock-btn{position:relative;width:96%;height:45px;background-color:var(--bluecolor);color:#fff;border-radius:5px;text-align:center;margin:0 auto;padding:0;font-size:12pt;display:flex;justify-content:center;align-items:center;border:none;box-shadow:1px 3px 5px #0000001f,0 1px 2px #0000003d;font-weight:bolder}.clock-detail .button-container .clock-btn:hover{background-color:var(--bluehover);border:none;color:#fff}.camera-container{position:absolute;top:-1px;left:-1px;width:100%;height:100svh;background:#000;z-index:100;padding:0;display:flex;flex-direction:column;border:none;margin:0 auto;overflow:hidden}.camera-container .camera{position:relative;top:0;left:0;width:100%;height:100%;background:#000;margin:0;padding:0}.camera-container .camera-switch{position:absolute;top:7svh;right:5svw;font-size:25pt;color:#fff;z-index:11}.camera-container .camera-snap{position:absolute;bottom:23svh;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:60px;height:60px;border-radius:50%;font-size:20pt;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:100;background:transparent}.camera-container .camera-close{position:absolute;bottom:23svh;right:5svw;width:60px;height:60px;border-radius:50%;font-size:18pt;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:100}.body-page .body-section .canvas{width:100%;background:#fff;padding:10px;display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.body-page .body-section .canvas .top{width:100%}.body-page .body-section .canvas .top .image-holder{position:relative;left:45%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:150px;height:150px;border-radius:500%;margin-top:10px;overflow:hidden;display:flex;align-items:center}.body-page .body-section .canvas .top .image-holder .file-input{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;opacity:0}.body-page .body-section .canvas .top .image-holder .overlay{position:absolute;width:150px;height:150px;border-radius:500%;background:var(--screenoverlay);display:flex;align-items:center;justify-content:center}.overlay-photo{position:absolute;width:150px;height:150px;border-radius:500%;background:#00000051;display:flex;align-items:center;justify-content:center;color:#fff;font-size:23pt}.body-page .body-section .canvas .top .image-holder .overlay i{font-size:21pt;color:#fff}.body-page .body-section .canvas .top .image-holder .picture{width:100%;height:100%;object-fit:cover}.readonly{color:#959595}.save-btn{width:90%;height:45px;background-color:var(--bluecolor);color:#fff;border-radius:5px;text-align:center;padding:0;font-size:12pt;display:flex;justify-content:center;align-items:center;border:none;box-shadow:1px 3px 5px #0000001f,0 1px 2px #0000003d;margin:50px auto;font-weight:bolder;cursor:pointer}.save-btn:hover{background-color:var(--bluehover);border:none;color:#fff}.clock-detail .clock-input .location-name{width:100%;margin-top:10px;display:flex;flex-direction:row;gap:10px;padding-left:10px;color:var(--dark);font-weight:400;font-size:13pt}.clock-detail .clock-input .location-name i{color:var(--oranges);font-size:15pt}.clock-detail .clock-input .location-name span{margin-top:-5px}.clock-detail .clock-input .photo-section{width:100%;height:110px;display:flex;flex-direction:row;flex-wrap:wrap;background:var(--bg-blue-new);border:1px solid var(--bluecolor);border-radius:10px}.clock-detail .clock-input .photo-section .default-image{width:120px;height:100px;border-radius:5px;object-fit:cover;margin:5px}.clock-detail .clock-input .photo-section .user-detail{position:relative;height:110px;margin-left:10px;display:flex;flex-direction:column;font-family:Dosis,sans-serif;align-items:start;padding:10px 0;color:#fff}.clock-detail .clock-input .photo-section .user-detail .user-name{font-family:Arial,Helvetica,sans-serif}.clock-detail .clock-input .photo-section .user-detail .user-date{margin-top:10px;color:#ececec}.clock-detail .clock-input .photo-section .user-detail .user-time{font-size:21pt;margin:10px auto 0;color:var(--white);font-weight:600}.footer-text{position:absolute;bottom:-60px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);font-size:33pt;color:var(--border);font-family:MODERA,sans-serif}.footer-text .version{font-family:Overused Grotesk,sans-serif;font-size:13pt;color:var(--bluehover);margin-left:-5px}.question-modal{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:200;display:flex;justify-content:center;align-items:center}.question-modal .screen-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--screenoverlay);z-index:1}.radio-input input{display:none}.radio-input{display:flex;flex-direction:column;padding:12px;gap:5px;background:#fff;color:#000;border-radius:10px;box-shadow:0 87px 78px -39px #0006;font-family:Arial,Helvetica,sans-serif;width:320px;height:500px;z-index:2}.info{position:relative;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;font-size:11pt;font-weight:700;font-family:Arial,Helvetica,sans-serif;color:var(--gray)}.question{color:#313131;font-size:1rem;line-height:1rem;font-weight:600}.steps{background-color:#000;padding:4px;color:#fff;border-radius:4px;font-size:12px;line-height:12px;font-weight:600}.radio-input label{background-color:#fff;padding:14px;margin:8px 0 0;font-size:13px;font-weight:600;height:50px;border-radius:10px;cursor:pointer;border:1.5px solid var(--border);color:#000;transition:.3s ease;display:flex;align-items:center}.radio-input label:hover{border:1px solid #bbb}.result{margin-top:10px;font-weight:600;font-size:12px;display:none;transition:display .4s ease}.result.success{color:green}.result.error{color:red}.radio-input input:checked+label{border:2px solid var(--bluecolor);color:var(--bluehover)}.radio-input:has(input[value=value-2]:checked) .result.success{display:flex}.radio-input:has(input:not([value=value-2]):checked) .result.error{display:flex}.top-page-nav{position:fixed;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:96%;height:40px;display:flex;flex-direction:column;flex-wrap:wrap;border-radius:10px;margin-top:10px;background:var(--backcolor);box-shadow:0 3px 5px #0000001f,0 1px 2px #0000003d;z-index:90}.top-page-nav .navigation-section{width:100%;display:flex;flex-direction:row;flex-shrink:3;flex-wrap:wrap}.navigation-name{width:100%;padding:10px;display:flex;flex-direction:row;justify-content:space-between}.navigation-name i{width:20%;color:#fff;font-size:16pt;margin-left:10px}.navigation-name span{font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:15pt;margin-left:10px}.body-page .body-section .menu{position:relative;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:20px;border-bottom:1px solid var(--border);padding-bottom:15px;text-decoration:none}.body-page .body-section .menu .icon{position:absolute;top:-10px;width:15%}.body-page .body-section .menu .icon i{font-size:15pt;color:#959595}.body-page .body-section .menu .desc{width:75%;align-items:center;margin-left:50px}.body-page .body-section .menu .desc span{font-size:14pt;text-align:left;color:#959595;font-family:Arial,Helvetica,sans-serif;font-weight:400}.alert-container{position:fixed;top:0;left:0;width:100%;height:100vh;padding:0;background:var(--screenoverlay);display:flex;justify-content:center;align-items:center;z-index:100}.alert-container .alert-box{position:relative;width:90%;max-width:380px;left:0;margin:0 auto;background:var(--white);border:1.5px solid var(--border);border-radius:10px;display:flex;flex-direction:column;flex-wrap:wrap}.alert-container .alert-box .alert-message{position:relative;width:90%;height:auto;margin:10px auto 20px;font-size:13pt;color:var(--dark);text-align:center}.alert-close{position:absolute;top:5px;right:5px;font-size:22pt;color:var(--red);cursor:pointer}.confirm-btn{width:50%;height:40px;border-radius:5px;margin:0 auto 10px;background:var(--bluecolor);color:var(--white);font-size:12pt;font-weight:700}.attachment-group{margin-top:15px;display:flex;flex-direction:row}.attachment-wrapper{position:relative;width:30%;text-align:center;margin:0}.attachment-wrapper span.label{position:relative;z-index:0;display:inline-block;width:100%;height:20px;background:var(--secondcolor);cursor:pointer;color:#fff;padding:10px;font-size:14px;border-radius:8px;text-align:left;font-family:Arial,Helvetica,sans-serif}#upload{display:inline-block;position:absolute;z-index:1;width:100%;height:50px;top:0;left:0;opacity:0;cursor:pointer}.attendance-report{position:absolute;top:20px;left:50%;transform:translate(-50%);width:94%;margin:0 auto;border-radius:20px;background:#fff;border:1px solid var(--gray200);box-shadow:0 10px 22px #0f172a12;padding:16px 20px 18px;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}.report-header{display:flex;justify-content:space-between;align-items:flex-start;font-family:Arial,Helvetica,sans-serif}.report-text{display:flex;flex-direction:column;gap:4px}.report-title{font-size:14px;font-weight:700;color:#1f2933;text-transform:uppercase;letter-spacing:.08em}.report-month{display:inline-flex;align-items:center;padding:4px 10px;margin-top:2px;border-radius:999px;background:#f3f6fb;font-size:12px;color:#4b5563}.report-nav{font-size:12px;color:var(--bluecolor);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;background:#194f6d0f;white-space:nowrap}.report-nav:after{content:"›";font-size:13px}.report-nav:hover{background:#194f6d1f}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.report-box{position:relative;border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:6px;text-align:left;font-family:Arial,Helvetica,sans-serif;background:#f8fafc;border:1px solid var(--gray200)}.report-box:before{content:"";position:absolute;top:10px;left:12px;width:6px;height:20px;border-radius:999px;background:var(--bluecolor)}.report-grid .report-box:first-child{background:linear-gradient(135deg,#194f6d,#45759c);border-color:transparent;color:#fff}.report-grid .report-box:first-child:before{background:#fefefe}.report-box .label,.report-box .desc{font-size:13px;color:#6b7280;margin-left:14px}.report-grid .report-box:first-child .label,.report-grid .report-box:first-child .desc{color:#e5e7eb}.report-box .count{font-size:24px;font-weight:700;line-height:1.2;margin-left:14px}.report-box--present{background:linear-gradient(135deg,#194f6d,#45759c);border-color:transparent;color:#fff}.report-box--present:before{background:#fefefe}.report-box--present .label,.report-box--present .desc{color:#e5e7eb}.report-box--approved{background:#ecfdf3;border-color:#bbf7d0}.report-box--approved:before{background:#16a34a}.report-box--waiting{background:#fffbeb;border-color:#fed7aa}.report-box--waiting:before{background:#d97706}.report-box--rejected{background:#fef2f2;border-color:#fecaca}.report-box--rejected:before{background:#dc2626}.request-btn{width:300px;height:40px;background:var(--bluecolor);color:#fff;border-radius:5px;margin:5px auto;display:flex;justify-content:center;align-items:center;font-size:14pt;font-family:Arial,Helvetica,sans-serif;cursor:pointer;text-decoration:none}.image-canvas{position:relative;width:150px;background:#fff;padding:10px;display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;margin:20px auto 0}.image-canvas .image-holder{position:relative;width:150px;height:150px;border-radius:500%;border:2px solid var(--bluecolor);overflow:hidden;display:flex;align-items:center;margin:0 auto}.image-canvas .file-input{position:absolute;top:10px;left:0;z-index:101;width:100%;height:100%;opacity:0}.image-canvas .image-holder .overlay{position:absolute;width:150px;height:150px;border-radius:500%;background:var(--screenoverlay);display:flex;align-items:center;justify-content:center;margin:0 auto;z-index:102}.overlay-photo{position:absolute;top:20px;right:10px;width:40px;height:40px;border-radius:500%;background:var(--dark);display:flex;align-items:center;justify-content:center;z-index:10}.overlay-photo i{position:absolute;align-self:center;font-size:12pt;color:#fff}.image-canvas .image-holder .picture{width:100%;height:100%;object-fit:cover}.profile-content{position:relative;width:100%;margin-top:20px}.profile-content .profile-navigation{width:90%;margin:0 auto 20px;height:50px;background:var(--border);border-radius:999px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.profile-content .profile-navigation .items{width:33%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:13pt;font-weight:600;color:var(--dark)}.profile-content .profile-navigation .items:is(:hover,:active,:focus){background:var(--bluehover)}.profile-content .profile-navigation .items-active{background:var(--bluehover);color:var(--white)}.profile-content .input-container{width:90%;margin:0 auto;display:flex;flex-direction:column;gap:10px}.profile-content .input-container .input-group{position:relative;width:100%;display:flex;flex-direction:column;gap:10px;font-family:Arial,Helvetica,sans-serif;margin:0 auto}.profile-content .input-container .input-group .input{width:100%;height:40px;border-radius:5px;font-size:13px;background-color:var(--border);border:none}.profile-content .input-container .input-group .input:is(:focus,:active){border:1px solid #0c98e4}.profile-content .input-container .input-group .input-textarea{width:100%;border-radius:5px;font-size:13px;background-color:#eaeaea;border:none;font-family:Arial,Helvetica,sans-serif}.profile-content .dissclaimer{width:90%;padding:10px;font-family:Arial,Helvetica,sans-serif;text-align:justify;margin:0 auto}.profile-content .dissclaimer .title{width:100%;font-size:16pt;font-weight:bolder;text-align:center}.divider{width:100%;height:1px;background-color:#000;margin-top:20px}.announcement-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:600px;margin:0 auto;box-sizing:border-box;padding:0 16px 24px}.announcement-empty{width:100%;box-sizing:border-box;padding:18px 16px;border-radius:14px;border:1px dashed var(--gray200);background:#f9fafb;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;font-family:Arial,Helvetica,sans-serif}.empty-icon-wrap{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#e5f2ff;color:#2563eb;margin-bottom:6px}.empty-title{margin:0;font-size:15px;font-weight:600;color:#111827}.empty-subtitle{margin:0;font-size:13px;color:#6b7280}.announcement-item{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--gray200);box-shadow:0 4px 10px #0f172a0a;font-family:Arial,Helvetica,sans-serif;cursor:pointer;display:flex;align-items:flex-start;gap:10px;transition:background-color .18s ease,box-shadow .18s ease,transform .12s ease,border-color .18s ease}.announcement-icon-wrap{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#e5edf3;color:#194f6d}.announcement-icon-wrap.announcement-approved{background:#dcfce7;color:#15803d}.announcement-icon-wrap.announcement-rejected{background:#fee2e2;color:#b91c1c}.announcement-icon-wrap.announcement-profile{background:#dbeafe;color:#1d4ed8}.announcement-icon{width:20px;height:20px}.announcement-main{flex:1;display:flex;flex-direction:column}.announcement-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.announcement-title{margin:0;font-size:14px;font-weight:700;color:#111827}.announcement-badge{padding:7px 10px;border-radius:999px;background:#15803d;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.announcement-detail{margin-top:4px;padding-top:4px;border-top:1px dashed #e5e7eb}.announcement-detail-line{margin:1px 0;font-size:12px;color:#4b5563;line-height:1.4}.announcement-footer{margin-top:6px;padding-top:6px;border-top:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between;gap:8px}.announcement-date{font-size:12px;color:#9ca3af}.announcement-status-pill{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.status-approved{background:#dcfce7;color:#15803d}.status-rejected{background:#fee2e2;color:#b91c1c}.status-profile{background:#e0f2fe;color:#1d4ed8}.announcement-item:hover{background-color:#f5f4f0;box-shadow:0 6px 14px #0f172a0f;border-color:#194f6d33;transform:translateY(-1px)}.announcement-item:active{transform:translateY(0);box-shadow:0 3px 8px #0f172a0a}@media(max-width:480px){.top-page .profile-section{padding:10px;gap:10px}.profile-name{gap:2px}.profile-name .name,.profile-line.secondary,.profile-line.meta,.nik-label,.nik-value{font-size:12px}.top-page{height:380px}.attendance-section{top:105px;left:50%;width:100%;grid-template-columns:1fr;gap:0px;padding:0 13px;box-sizing:border-box}.attendance-section .attendance-button{height:85px;width:100%;margin-top:15px}.clock-detail{min-height:auto}.clock-detail .detail-grid{grid-template-columns:1fr;margin:10px 14px 0}.logo{width:150px;height:150px}.status-label{font-size:19px}.detail-photo{padding-inline:16px}.attendance-report{padding:14px 16px 16px;border-radius:18px}.report-title{font-size:13px}.report-month{font-size:11px}.report-box .count{font-size:22px}.report-box .label{font-size:12px}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 10px}.report-box{padding:10px}.report-box .count{font-size:20px}.announcement-list{padding:0 20px 11px 6px;max-width:100%}.announcement-item{padding:10px;gap:8px}.announcement-header{flex-direction:column;align-items:flex-start;gap:4px}.announcement-badge{align-self:flex-start}.announcement-footer{flex-direction:column;align-items:flex-start;gap:4px}.announcement-title{font-size:13px}.announcement-detail-line{font-size:11.5px}.body-section .title{margin-top:8.5rem;display:flex;justify-content:center}.body-section .title-log{display:flex;margin-top:10px;margin-bottom:15px;padding:10px}.body-section .title-inbox{margin-top:4rem;display:flex;justify-content:center}.body-section .title h3,.body-section .title-inbox h3{font-size:15px;text-align:center}}@media(max-width:360px){.top-page .profile-section{padding:8px;gap:8px}.top-page{height:370px}.profile-name{gap:1px}.profile-name .name,.profile-line.secondary,.profile-line.meta,.nik-label,.nik-value{font-size:11px}.status-pill{padding:2px 8px;font-size:10px;letter-spacing:.08em}.attendance-section .attendance-button{height:80px}.attendance-label{font-size:13px}.birthday-card{width:95%;border-radius:20px}.birthday-content{padding:26px 18px 22px}.birthday-content h2{font-size:18px}.birthday-wish{font-size:13px}.birthday-btn{font-size:14px;padding:8px 24px}}@media(min-width:768px)and (max-width:1023px){.announcement-list{max-width:197vh;padding:0 20px 11px 6px}.body-section .title-log{display:flex;margin-top:-10px}.top-page{height:370px}.attendance-section{top:95px}}@media(min-width:1041px){.announcement-list{max-width:197vh;padding:0 20px 11px 6px}.body-section .title-log{margin-top:50px}}@media(min-width:1280px)and (max-width:1680px){.body-section .title-log{margin-top:10px}.top-page{height:370px}.attendance-section{top:95px}}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after{box-sizing:border-box}.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:#ffffff80;cursor:not-allowed}.dp__menu_readonly{background:#0000;cursor:default}.dp-menu-loading{background:#ffffff80;cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:#0000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%,-50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (max-width:600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (max-width:600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}@media only screen and (max-width:600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (max-width:600px){.dp__flex_display{flex-direction:column}}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:#0000;border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all .1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: .1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all .2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: .1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: .8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translate(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translate(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translate(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}