@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;400;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{font-family:"Source Sans Pro",sans-serif;font-size:14px;color:#bebebe;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;min-height:100vh;background-color:#ebeef7;overflow-y:scroll}body,h1{margin:0}h1{font-size:2.5em;color:#131125;font-weight:700}.login-box{display:-webkit-flex;display:flex;width:80%;min-height:90%;border-radius:20px;background-color:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.025);margin:0 auto}.login-box-formbox,.login-box-quotebox{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-flex:1 1 100%;flex:1 1 100%;padding:4em 6em}.login-box-quotebox{color:#fff;background-color:#2028eb;background-size:125%;background-repeat:no-repeat;background-position:0}.login-box-signup a{color:#a0a4e3;font-weight:600;text-decoration:inherit}.login-box-signup a:focus,.login-box-signup a:hover{color:#0f1396}.login-box-login{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:center;align-content:center;-webkit-flex-grow:1;flex-grow:1}.login-box-login>*{width:100%;-webkit-flex-shrink:0;flex-shrink:0}form>div{position:relative;padding:1.5em 0}form>div input{color:#bebebe;width:100%;padding:1.5em 2em;border:2px solid #bebebe;border-radius:5px;outline:0;transition:all .3s ease-in-out}form>div input.input-email,form>div input.input-password{background-repeat:no-repeat;background-position:right 1em top 1.25em}form>div input.input-email{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" stroke-width="2" stroke="%23d3d3d3" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M0 0h24v24H0z" stroke="none"/><circle cx="12" cy="12" r="4"/><path d="M16 12v1.5a2.5 2.5 0 005 0V12a9 9 0 10-5.5 8.28"/></svg>')}form>div input.input-password{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" stroke-width="2" stroke="%23d3d3d3" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M0 0h24v24H0z" stroke="none"/><rect x="5" y="11" width="14" height="10" rx="2"/><circle cx="12" cy="16" r="1"/><path d="M8 11V7a4 4 0 018 0v4"/></svg>')}form>div input:focus{border:2px solid #2028eb}form>div label{font-size:.85em;position:absolute;top:1.25em;left:1.5em;background:#fff;padding:0 .5em;transition:all .3s ease-in-out}form>div:focus-within label{color:#2028eb;font-weight:600}form>div .btn{color:#fff;font-size:1em;letter-spacing:1px;line-height:1;background-color:#2028eb;border-color:#2028eb;cursor:pointer}form>div .btn:focus,form>div .btn:hover{background-color:#0f1396;border-color:#0f1396;box-shadow:0 10px 30px rgba(0,0,0,.15)}.alternate-text{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:1.5em 0;text-align:center}.alternate-text:after,.alternate-text:before{content:"";-webkit-flex:1 1;flex:1 1;border-bottom:1px solid #bebebe}.alternate-text:before{margin-right:1em}.alternate-text:after{margin-left:1em}.alternate-boxes{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;grid-gap:1em;gap:1em;margin-top:1.5em}.alternate-box{color:#131125;text-align:center;width:100%;padding:1em;border:1px solid hsla(0,0%,74.5%,.5);border-radius:5px;cursor:pointer;transition:all .5s ease}.alternate-box svg{transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.alternate-box:hover{border-color:#bebebe;background-color:hsla(0,0%,74.5%,.25)}.alternate-box:hover svg{-webkit-transform:scale(1.25);transform:scale(1.25)}.quote-container{padding:1em 0;position:relative}.quote-container:before{content:"";position:absolute;top:-4.5em;left:-.65em;width:3.5em;height:3.5em;background-color:#93f8e0;border-radius:100%}.quote-container:after{content:"";position:absolute;top:0;left:15px;height:100%;width:2px;background-color:hsla(0,0%,100%,.25)}.quote{color:#fff;font-size:7em;font-weight:600;line-height:1}.quote-small{color:#ebeef7;line-height:180%;padding:2em 0 0 6em;position:relative}.quote-small:before{content:"";position:absolute;top:2.75em;left:1.2em;width:3em;height:2px;background-color:hsla(0,0%,100%,.25)}@media only screen and (max-width:1024px){.login-box{width:90%}}@media only screen and (max-width:768px){.login-box{-webkit-flex-flow:column-reverse;flex-flow:column-reverse;width:90%}.login-box-quotebox{color:#fff;background-color:#2028eb;background-size:125%;background-repeat:no-repeat;background-position:0 20%}}@media only screen and (max-width:520px){.login-box{width:90%}.login-box-formbox,.login-box-quotebox{padding:4em 2em}}@media only screen and (max-width:425px){.login-box-formbox,.login-box-quotebox{padding:3em}}@font-face{font-family:Be-i;src:local("Be-i"),url(/static/media/BeVietnam-Italic.83d75e6e.ttf) format("truetype")}@font-face{font-family:Be-m;src:local("Be-m"),url(/static/media/BeVietnam-Medium.ba21de51.ttf) format("truetype")}@font-face{font-family:Be-li;src:local("Be-li"),url(/static/media/BeVietnam-LightItalic.117d449b.ttf) format("truetype")}@font-face{font-family:Be-l;src:local("Be-l"),url(/static/media/BeVietnam-Light.c2f3b8d6.ttf) format("truetype")}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn 1s ease;-webkit-animation:fadeIn 1s ease;-moz-animation:fadeIn ease 1s;-o-animation:fadeIn ease 1s;-ms-animation:fadeIn ease 1s}*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}* ::-webkit-scrollbar{display:none}body{max-width:100vw;font-family:Be-l;padding:0;background:#1d1d42}body::-webkit-scrollbar{display:none}#root{height:-webkit-max-content;height:max-content;min-height:100vh;width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.d-none{display:none!important}.container{width:100%;height:-webkit-max-content;height:max-content;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-justify-content:flex-end;justify-content:flex-end;background:#1d1d42;position:relative}.container .sidebar{width:300px;min-width:300px;max-width:300px;height:100vh;-webkit-justify-content:space-between;justify-content:space-between;padding:50px 1% 20px 2%;position:fixed;top:0;left:0}.container .sidebar,.sidebar .sidebar_main{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column}.sidebar .sidebar_main{-webkit-align-items:center;align-items:center}.sidebar .sidebar_main .sidebar_logo{-webkit-align-items:center;align-items:center;width:100%;margin-bottom:10%}.sidebar .sidebar_main .sidebar_logo,.sidebar .sidebar_main .sidebar_logo a{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-justify-content:center;justify-content:center}.sidebar .sidebar_main .sidebar_logo a{text-decoration:none;color:#fff;font-weight:800;font-size:54px;-webkit-align-items:flex-end;align-items:flex-end}.sidebar .sidebar_main .sidebar_logo p{font-size:20px}.sidebar .sidebar_main .sidebar_logo span{color:#13b16a;font-family:Be-m}.sidebar .sidebar_main .sidebar_logo img{width:30%;margin-right:10px}.sidebar .sidebar_main .sidebar_menu{width:100%}.sidebar .sidebar_main .side{width:100%;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column}.sidebar .sidebar_main .side .side_item{list-style:none;width:100%;height:65px;padding:0 20px;margin-bottom:10px;border-radius:20px;cursor:pointer;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}.sidebar .sidebar_main .side .side_item a{height:100%}.sidebar .sidebar_main .side .side_item.active{background:#26264e}.sidebar .sidebar_main .side .side_item .side_link{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-align-items:center;align-items:center;color:#d2d2d9;text-decoration:none;font-size:17px}.sidebar .sidebar_main .side .side_item.active .side_link{color:#fff;font-weight:700}.sidebar .sidebar_main .side .side_link i{margin-right:10px}.account_main{background:#26264e;border-radius:20px;padding:20px;min-height:100px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}.account_main .account_info{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-align-items:center;align-items:center;width:100%;padding:0 0 50px}.account_main .account_info .account_info-avatar{width:40px;height:40px;border-radius:50%;margin-right:10px;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.account_main .account_info .account_info-avatar img{width:100%;object-fit:cover}.account_main .account_info .account_info-fullname{color:#fff}.account_main .account_action{width:100%}.account_main .account_action .account_item{width:100%;list-style:none;position:relative}.account_main .account_action .account_item .account_link{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-align-items:center;align-items:center;text-decoration:none}.account_main .account_action .account_item .account_link .dot{width:14px;height:14px;background:#2f36db;border-radius:50%;margin-right:10px;transform:skew(20deg,20deg);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-transform:skew(20deg,20deg);-moz-transform:skew(20deg,20deg);-ms-transform:skew(20deg,20deg);-o-transform:skew(20deg,20deg)}.account_main .account_action .account_item .account_link .dot,.account_main .account_action .account_item .account_link p{transition:.3s linear;-webkit-transition:.3s linear;-moz-transition:.3s linear;-ms-transition:.3s linear;-o-transition:.3s linear}.account_main .account_action .account_item .account_link p{color:#d2d2d9;font-size:15px;text-decoration:none}.account_main .account_action .account_item .account_link:hover .dot{background-color:#fff}.account_main .account_action .account_item .account_link:hover p{color:#fff}main{width:calc(100% - 300px);height:-webkit-max-content;height:max-content;background-color:transparent;padding:50px 1% 20px}.view-container{width:100%;height:100%}.view-container .view_name{color:#fff;font-weight:800;font-size:35px;height:9%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-bottom:20px}.view-container .view_main{position:relative;width:95%;height:-webkit-max-content;height:max-content;background:#141432;border-radius:20px;padding:53px;overflow-y:scroll;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}.view-container .view_main::-webkit-scrollbar{display:none}.view-container .view_main .background-texture{position:absolute;top:0;right:0;width:15%;border-radius:0 20px 0;overflow:hidden;z-index:0;-webkit-border-radius:0 20px 0;-moz-border-radius:0 20px 0;-ms-border-radius:0 20px 0;-o-border-radius:0 20px 0}.view-container .view_main .background-texture img,.view-container .view_main .row{width:100%}.view-container .view_main .view-box{width:100%;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}.view-container .view_main .view-box_nme{text-align:left;font-size:24px;color:#f2f2f2;padding-bottom:38px;width:100%}.view-container .view_main .view_item{position:relative;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;border-radius:20px;padding:25px 28px;margin-bottom:20px;max-height:290px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;max-height:none}.view-container .view_main .time-keeping{-webkit-align-items:center;align-items:center;width:20%;max-width:300px;min-width:200px;background:linear-gradient(211.3deg,#2f36db -4.49%,rgba(47,54,219,0) 102.4%);-webkit-backdrop-filter:blur(54px);backdrop-filter:blur(54px);text-align:center;padding:46px 28px 25px;margin-right:35px}.view-container .view_main .time-keeping .time-keeping_hour{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:120px;height:120px;border-radius:50%;background:linear-gradient(222.59deg,#272cae,#1e2070);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.view-container .view_main .time-keeping .time-keeping_hour:before{position:absolute;content:"";top:0;left:0;bottom:0;right:0;margin:-10px;background:linear-gradient(180deg,#6fcf97,rgba(111,207,151,0));border-radius:50%;z-index:-1;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.view-container .view_main .time-keeping .time-keeping_hour .hour{font-size:24px;color:#fff}.view-container .view_main .time-keeping .time-keeping_hour .hour,.view-container .view_main .time-keeping .time-keeping_label{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.view-container .view_main .time-keeping .time-keeping_label{font-size:12px;color:#d2d2d9;margin:23px 0 15px;font-family:Be-li;-webkit-flex-flow:row;flex-flow:row}.view-container .view_main .time-keeping .time-keeping_label .status-hour{margin-left:5px}.view-container .view_main .time-keeping .time-keeping_btn{font-size:14px;color:#fff;background:#6fcf97;border-radius:20px;width:auto;height:auto;padding:8px 30px;cursor:pointer;transition:all .3s ease-in-out;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.view-container .view_main .time-keeping .time-keeping_btn:hover{box-shadow:0 0 19px 8px rgba(111,207,151,.26)}.view-container .view_main .list-time-keeping{width:45%;min-width:400px;min-height:200px;background:linear-gradient(270deg,rgba(27,26,67,.1) -3.96%,rgba(111,45,126,.1) 102.95%);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);overflow-y:scroll}.view-container .view_main .list-time-keeping::-webkit-scrollbar{display:none}.view-container .view_main .list-time-keeping .label{font-weight:600;font-size:24px;color:#fff;margin-bottom:44px}.view-container .view_main .list-time-keeping .list-time-keeping_box{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:flex-start;align-items:flex-start;height:100%;overflow-y:scroll}.view-container .view_main .list-time-keeping .list-time-keeping_box::-webkit-scrollbar{display:none}.view-container .view_main .list-time-keeping .list-time-keeping_box .list-time-keeping_item{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-align-items:flex-start;align-items:flex-start}.view-container .view_main .list-time-keeping .list-time-keeping_box .list-time-keeping_item .icon_timeline{width:15px;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:center;align-items:center;justify-items:center}.view-container .view_main .list-time-keeping .list-time-keeping_box .list-time-keeping_item .icon_timeline img{width:100%;margin:2px 0}.view-container .view_main .list-time-keeping .list-time-keeping_box .list-time-keeping_item .icon_timeline .rect{height:20px;width:1px;background:linear-gradient(180deg,#fff,hsla(0,0%,100%,0));border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}.view-container .view_main .list-time-keeping .list-time-keeping_box .list-time-keeping_item .time{margin:0 16px 0 8px;font-size:14px;color:#fff}.view-container .view_main .list-time-keeping .list-time-keeping_box .list-time-keeping_item .range{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;font-weight:300;font-size:14px;color:#6fcf97}.view-container .view_main .event{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;background:linear-gradient(211.3deg,#13b16a -4.49%,rgba(47,54,219,0) 102.4%);-webkit-backdrop-filter:blur(54px);backdrop-filter:blur(54px);border-radius:20px;width:100%;color:#fff;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;max-height:200px;overflow-y:scroll}.view-container .view_main .event_item{background:linear-gradient(90deg,#fff -5.93%,hsla(0,0%,100%,.02) 99.07%);-webkit-backdrop-filter:blur(66px);backdrop-filter:blur(66px);padding:7px;margin-bottom:14px}.view-container .view_main .event_item,.view-container .view_main .event_item .name{border-radius:20px;display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-align-items:center;align-items:center;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}.view-container .view_main .event_item .name{-webkit-justify-content:center;justify-content:center;background:#13b16a;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);font-weight:700;font-size:14px;width:150px;padding:6px;margin-right:6px;text-align:center}.view-container .view_main .event_item .time-local{background:linear-gradient(90deg,#1d1d42 25.17%,rgba(29,29,66,0) 105.51%);width:-webkit-fill-available;font-size:14px}.view-container .view_main .event_item .time-local,.view-container .view_main .event_item .time-local .time{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-align-items:center;align-items:center;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-radius:20px;height:100%;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}.view-container .view_main .event_item .time-local .time{background:#0047ff;padding:0 15px;margin:0 20px 0 0;width:-webkit-max-content;width:max-content}.report-form{font-family:Be-l;background:linear-gradient(270deg,rgba(27,26,67,.1) -3.96%,rgba(111,45,126,.1) 102.95%);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);padding:25px 60px;border-radius:20px;-webkit-flex-flow:column;flex-flow:column;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}.report-form,.report-form .row{width:100%;display:-webkit-flex;display:flex}.report-form .row{-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;justify-content:space-between}.report-form .row .col{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-align-items:center;align-items:center;height:100%}.report-form .row .col:first-child input{width:-webkit-max-content;width:max-content;padding:7px 14px;border:none;outline:0;color:#fff;font-size:18px;background:#0047ff;cursor:pointer;border-radius:20px 0 0 20px;font-family:Be-l;height:100%;transition:all .3s linear;-webkit-border-radius:20px 0 0 20px;-moz-border-radius:20px 0 0 20px;-ms-border-radius:20px 0 0 20px;-o-border-radius:20px 0 0 20px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear}.report-form .row .col:first-child input.active{background:#fff;color:#141432}.report-form .row .col:first-child input:last-child{border-radius:0 20px 20px 0;margin-left:2px;-webkit-border-radius:0 20px 20px 0;-moz-border-radius:0 20px 20px 0;-ms-border-radius:0 20px 20px 0;-o-border-radius:0 20px 20px 0}.report-form .row .col label{width:-webkit-max-content;width:max-content;padding:7px 14px;color:#fff;font-size:18px;background:#0047ff;border-radius:20px;font-family:Be-l;transition:all .3s linear;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-left:10px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear}.report-form .row .col label:first-child{margin-left:0}.report-form .row .col p{margin-right:5px}.report-form .row .col label input{background:0 0;border:none;outline:0;font-size:18px;font-family:Be-l;width:-webkit-max-content;width:max-content;color:#fff}.report-form .row:nth-child(2){margin:16px 0 9px}.report-form .row:nth-child(2) .col{width:100%}.report-form .row .col textarea{width:100%;outline:0;border:5px solid #fff;box-sizing:border-box;border-radius:20px;background:0 0;color:#fff;padding:17px 23px;resize:none;transition:all .3s linear;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear}.report-form .row .col textarea:focus{box-shadow:0 0 10px 1px hsla(0,0%,100%,.36)}.report-form .row:nth-child(3) .col{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.report-form .row:nth-child(3) .col .btn-submit-report{padding:5px 45px 9px;color:#141432;font-size:18px;background:#fff;border-radius:20px;cursor:pointer;transition:all .3s linear;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear}.report-form .row:nth-child(3) .col .btn-submit-report:hover{box-shadow:0 0 15px 3px hsla(0,0%,100%,.25)}.account-container{-webkit-justify-content:center;justify-content:center;background:linear-gradient(270deg,rgba(27,26,67,.1) -3.96%,rgba(111,45,126,.1) 102.95%);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:20px;padding:50px 0 20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}.account-container,.account-container .row{width:100%;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column}.account-container .row{-webkit-align-items:center;align-items:center}.account-container .row .col{width:100%;-webkit-align-items:center;align-items:center}.account-container .row .col,.account-container .row .col:nth-child(2){display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.account-container .row .col:nth-child(2){width:50%}.account-container .row .col .account__btn{background:#00ab5e;border-radius:10px;padding:5px 0;color:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;width:140px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;margin-bottom:20px;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;cursor:pointer}.account-container .row .col .account__btn.signout{display:none}.account-container .row .col .account__btn:active,.account-container .row .col .account__btn:hover{box-shadow:0 0 10px 1px #00ab5e}.account-container .row .col .account_avatar{width:200px;height:200px;overflow:hidden;border:4px solid #00ab5e;border-radius:50%;-webkit-filter:drop-shadow(0 0 32px rgba(13,173,101,.36));filter:drop-shadow(0 0 32px rgba(13,173,101,.36));margin-bottom:50px;box-shadow:0 0 32px 15px rgba(13,173,101,.36);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.account-container .row .col .account_avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.account-container .row .col .account_item{width:50%;display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;border:5px solid #fff;box-shadow:0 0 10px 1px hsla(0,0%,100%,.36);border-radius:20px;position:relative;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 10px;margin-bottom:10px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}.account-container .row .col .account_item .label{width:100px;min-width:100px;text-align:center;background:#fff;padding:5px 0;color:#141432;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.account-container .row .col .account_item .content{padding:15px;font-weight:600;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.table-of-work{background:linear-gradient(270deg,rgba(27,26,67,.1) -3.96%,rgba(111,45,126,.1) 102.95%);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);color:#fff;width:100%;padding:45px;box-shadow:5px 10px 20px rgba(0,0,0,.6);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.table-of-work h2{text-align:center;color:#fcee6e;margin:0 0 30px;font-size:2.5rem}.table-of-work form{width:100%;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-start;align-items:flex-start;-webkit-align-content:flex-start;align-content:flex-start}.table-of-work form label.weekday{display:inline-block;width:14.28571%;text-align:center;color:#00ab5e;font-weight:700;margin-bottom:30px}.table-of-work form form{margin:0;padding:0}.table-of-work form label.day{display:inline-block;width:14.28571%;text-align:center;margin:10px 0}.table-of-work form label.day span{display:inline-block;width:25px;height:25px;line-height:17px;margin:-2px 0 0 -2px;border-radius:50%;text-align:center;cursor:pointer;border:2px solid transparent;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear}.table-of-work form label.day span:hover{border-color:#e7d850}.table-of-work form label.day em{display:inline-block;position:absolute;border-radius:50%;border-color:#29323f;width:3px;height:3px;background-color:#695f02;opacity:0;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear}.now{border:2px solid #6fcf97!important;box-shadow:0 0 12px 5px rgba(111,207,151,.4)}.table-of-work form label.day textarea{opacity:0;position:absolute;margin-top:40px;left:0;width:100%;height:1px;padding:0 40px;outline:0;font-size:16px;transition:height .2s linear,opacity .2s linear,color 20ms linear;color:#fff;border-radius:20px;resize:none;border:3px solid #fff;background:0 0;-webkit-transition:height .2s linear,opacity .2s linear,color 20ms linear;-moz-transition:height .2s linear,opacity .2s linear,color 20ms linear;-ms-transition:height .2s linear,opacity .2s linear,color 20ms linear;-o-transition:height .2s linear,opacity .2s linear,color 20ms linear}.table-of-work form label.day textarea:focus{opacity:1;height:200px;padding:10px 40px;left:0;width:100%;color:#fff}.table-of-work form label.day textarea:focus+span{color:#fcee6e;border-color:#fcee6e;background:#fcee6e;color:#29323f;font-weight:700;margin-bottom:200px}.table-of-work form label.day textarea:focus~em{border-radius:0;background:0 0;border:5px solid transparent;border-bottom-color:#fff;margin-top:30px;margin-left:-18px;width:0;height:0;display:inline-block;opacity:1}.table-of-work form label.day textarea:valid~em{display:inline-block;opacity:1}.table-of-work form label.day.invalid{opacity:0;width:14.28571%;height:25px}.table-of-work form label.day.invalid span,.table-of-work form label.day.invalid textarea{display:none}.table-of-work div.clearfix{clear:both}.table-of-work div.hidden{display:none}.popup-container{position:fixed;visibility:hidden;width:100%;height:100%;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;z-index:-1;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.popup-container.active{z-index:99;visibility:visible}.popup-container .popup__change-password{width:520px;height:-webkit-max-content;height:max-content;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:center;align-items:center;background:linear-gradient(270deg,rgba(27,26,67,.1) -3.96%,rgba(111,45,126,.1) 102.95%);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:20px;padding:50px 30px 100px;box-shadow:0 0 35px -3px #2e2e55;transform:scale(.1);-webkit-transform:scale(.1);-moz-transform:scale(.1);-ms-transform:scale(.1);-o-transform:scale(.1);transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear}.popup-container.active .popup__change-password{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.popup-container .popup__change-password .popup__change-password__btn-box,.popup-container .popup__change-password .popup__change-password__form,.popup-container .popup__change-password .popup__change-password__title{width:100%}.popup-container .popup__change-password .popup__change-password__title{font-weight:300;font-size:31px;line-height:36px;color:#fff;text-align:center;margin-bottom:110px}.popup-container .popup__change-password .popup__change-password__form{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:center;align-items:center}.popup-container .popup__change-password .popup__change-password__form .popup__change-password__item{width:100%;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column}.popup-container .popup__change-password .popup__change-password__form .popup__change-password__item .popup__change-password__label{width:100%;text-align:start;font-weight:300;font-size:23px;line-height:27px;color:#fff;margin-bottom:15px}.popup-container .popup__change-password .popup__change-password__form .popup__change-password__item .popup__change-password__input{width:100%;height:47px;background:#1d1d42;border-radius:10px;outline:0;border:none;border-left:10px solid transparent;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;margin-bottom:30px;padding-left:20px;color:#fff;font-size:17px}.popup-container .popup__change-password .popup__change-password__form .popup__change-password__item .popup__change-password__input:focus{box-shadow:0 0 8px 4px hsla(0,0%,42.4%,.25);border-left:10px solid #fff}.popup-container .popup__change-password .popup__change-password__form .popup__change-password__btn-box{width:100%;display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-justify-content:space-between;justify-content:space-between}.popup-container .popup__change-password .popup__change-password__form .popup__change-password__btn-box .change-password__btn{width:130px;padding:12px 0;text-align:center;color:#fff;font-size:17px;line-height:20px;background:linear-gradient(34.19deg,#348f6c -21.14%,#2c33cb 131.73%);border-radius:10px;cursor:pointer}.navigation{position:fixed;bottom:11px;left:50%;transform:translate(-50%);height:70px;background:#1d1d42;box-shadow:0 -7px 27px rgba(0,0,0,.48);border-radius:20px;width:280px;display:none;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%)}.navigation ul{position:absolute;top:0;left:0;width:100%;display:-webkit-flex;display:flex}.navigation ul li{position:relative;list-style:none;width:70px;height:70px;z-index:1}.navigation ul li a{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%;text-align:center;color:#00ab5e;font-weight:500}.navigation ul li a .icon{position:relative;display:block;line-height:75px;text-align:center;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}.navigation ul li.active a .icon{color:#fff}.navigation ul li a .icon i{font-size:20px}.navigation ul li a .title{position:absolute;top:-70px;left:50%;transform:translate(-50%,15%);width:auto;background:#fff;padding:5px 10px;border-radius:7px;transition:.5s;opacity:0;box-shadow:0 5px 15px rgba(0,0,0,.1);visibility:hidden;display:none;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;-webkit-transform:translate(-50%,15%);-moz-transform:translate(-50%,15%);-ms-transform:translate(-50%,15%);-o-transform:translate(-50%,15%)}.navigation ul li:hover a .title{opacity:1;visibility:visible;transform:translate(-50%,50%);-webkit-transform:translate(-50%,50%);-moz-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);-o-transform:translate(-50%,50%)}.navigation ul li a .title:before{content:"";position:absolute;width:12px;height:12px;background-color:#fff;bottom:-8px;left:48%;transform:rotate(45deg) translateX(-50%);border-radius:2px;-webkit-transform:rotate(45deg) translateX(-50%);-moz-transform:rotate(45deg) translateX(-50%);-ms-transform:rotate(45deg) translateX(-50%);-o-transform:rotate(45deg) translateX(-50%);-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px}.navigation ul .indicator{position:absolute;left:0;width:70px;height:70px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}.navigation ul .indicator:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#00ab5e;width:50px;height:50px;border-radius:13px;transition:.5s;-webkit-border-radius:13px;-moz-border-radius:13px;-ms-border-radius:13px;-o-border-radius:13px;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.navigation ul li.active{color:#141432}.navigation ul li:first-child.active~.indicator{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}.navigation ul li:nth-child(2).active~.indicator{transform:translateX(70px);-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px)}.navigation ul li:nth-child(3).active~.indicator{transform:translateX(140px);-webkit-transform:translateX(140px);-moz-transform:translateX(140px);-ms-transform:translateX(140px);-o-transform:translateX(140px)}.navigation ul li:nth-child(4).active~.indicator{transform:translateX(210px);-webkit-transform:translateX(210px);-moz-transform:translateX(210px);-ms-transform:translateX(210px);-o-transform:translateX(210px)}.navigation ul li.active~.indicator:before{background-color:#00ab5e}@media only screen and (max-width:1440px){.account-container .row .col .account_item,.account-container .row .col:nth-child(2){width:50%}}@media only screen and (max-width:1280px){.report-form .row:nth-child(2){margin:50px 0 9px}.report-form .row .col.choose-type{width:100%;height:50%}.report-form .row .col:first-child input,.report-form .row .col label,.report-form .row .col label input{font-size:14px}.account-container .row .col .account_item,.account-container .row .col:nth-child(2){width:70%}}@media only screen and (max-width:1016px){.report-form .row .col.choose-type{height:38px}.report-form .row .col.setDate{-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:flex-start;align-items:flex-start}.report-form .row .col label{margin:0}.report-form .row .col label:first-child{margin:10px 0}.account-container .row .col .account_item,.account-container .row .col:nth-child(2){width:90%}}@media only screen and (max-width:768px){.container .sidebar{display:none}.navigation{display:block}main{padding:20px 1%;width:100%}.view-container{width:90%;margin:0 auto}.view-container .view_main{width:100%}.view-container .view_main .event_item .name{width:300px;text-align:center}.view-container .view_main .list-time-keeping{width:-webkit-max-content;width:max-content;min-width:100%}.view-container .view_main .event_item{background:#fff;padding:7px;margin-bottom:14px;-webkit-flex-flow:column;flex-flow:column}.view-container .view_main .event_item .time-local .time{width:100%;margin:0;padding:10px;font-size:15px;-webkit-justify-content:center;justify-content:center}.view-container .view_main .event_item .time-local .local{width:100%;margin:0;padding:20px 10px;font-size:15px;text-align:center;word-wrap:break-word}.view-container .view_main .event_item .name{width:100%;border:2px solid #fff;margin:0;padding:10px;font-size:15px}.view-container .view_main .event_item .time-local{height:100%;width:100%;font-size:14px;-webkit-flex-flow:column;flex-flow:column}.account-container .row .col:nth-child(2){-webkit-justify-content:space-between;justify-content:space-between}.account-container .row .col .account__btn.signout{display:-webkit-flex;display:flex}}@media only screen and (max-width:520px){.view-container .view_name{font-size:25px}.view-container .view_main .view-box_nme{font-size:20px}.view-container .view_main .list-time-keeping{min-width:100%}.view-container .view_main .list-time-keeping .label{font-size:18px}.table-of-work{padding:15px}.table-of-work form label.day{margin:15px 0}.table-of-work h2{font-size:2rem}.view-container .view_main{padding:20px 20px 60px}.report-form{padding:25px 15px}.report-form .row .col label,.report-form .row .col label input{font-size:15px}.account-container .row .col .account__btn{width:110px}}@media only screen and (max-width:320px){main{width:100%;padding:25px 1% 85px}.view-container .view_main{width:100%;height:95%;padding:15px}.view-container .view_main .time-keeping{width:100%;margin:0;padding:30px 28px 25px}.view-container .view_main .list-time-keeping{width:100%;margin:18px 0}.view-container .view_main .view_item{max-height:none}}
/*# sourceMappingURL=main.67ee2ebc.chunk.css.map */