@import url(https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400;600&display=swap);body{margin:0}:root{--primary-disabled:#7ba5ff;--primary:#007aff;--primary-darker:#235bd5}*{font-family:Wix Madefor Display,sans-serif}@media screen and (min-width:480px){#app{max-width:480px;margin:0 auto;min-height:100vh;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;position:relative}#app.fullwidth{max-width:100%}}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:14px;font-weight:700;margin-bottom:6px}input,select,textarea{background:#fff;border:1px solid #ccc;border-radius:6px;padding:10px;width:calc(100% - 22px);outline:none;font-size:14px}input:focus,select:focus,textarea:focus{border:1px solid var(--primary)}.btn,select{width:100%}.btn{background:var(--primary);color:#fff;padding:13px;outline:none;border:0;border-radius:6px;font-weight:700;text-transform:uppercase}.btn:active{background:#03288b}.btn:disabled{background:var(--primary-disabled)}.bottom-bar{position:fixed;bottom:0;left:calc(50% - 240px);width:480px;background-color:#fff;border-radius:15px 15px 0 0;display:grid;-webkit-box-shadow:0 -2px 3px #ddd;box-shadow:0 -2px 3px #ddd;grid-template-columns:repeat(5,1fr)}@media screen and (max-width:768px){.bottom-bar{left:0;width:100%}}.bottom-bar div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bottom-bar a{padding:10px;margin:10px;border-radius:50px;color:#333}.bottom-bar a.active{background:#d7ebf5;color:#1d9de3}.bottom-bar a .icon{width:22px}.bottom-bar a:active{background-color:#eee}.toast{position:absolute;background:rgba(0,0,0,.5);width:calc(100% - 30px);bottom:50%;left:15px;border-radius:6px}.toast p{color:#fff;margin:0;padding:20px 15px;text-align:center}@keyframes flickerAnimation{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@-webkit-keyframes flickerAnimation{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.animate-flicker{-webkit-animation:flickerAnimation 1s infinite;animation:flickerAnimation 1s infinite}.task{padding:0 15px}.task .task-filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.task .task-filter>div:last-child{padding-right:15px}.task .task-filter>div:last-child select{margin:1rem;border-radius:10px;padding-left:5px}.task ul{list-style-type:none;margin:0;padding:0}.task ul li{background:#fff;padding:15px;border-radius:6px;margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:1px solid #ccc}.task ul li:active{background:#f9f9fc}.task ul li .icon{width:20px;height:20px}.task ul li p{margin:0;font-weight:700;font-size:16px;color:#333}.task ul li small{font-size:12px;font-weight:500;color:#777}.task ul li small:first-child{font-size:13px}.task ul li small.red{color:#c22525}.task ul li>div:last-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.task ul li span.badge{font-size:13px;color:#fff;padding:4px 7px;border-radius:4px;white-space:nowrap}.task ul li span.badge.in_progress{background:#0588ff}.task ul li span.badge.todo{background:#f5b400}.task ul li span.badge.complete{background:#7bd078}.task ul li span.badge.overdue{border:1px solid #d64948;background:#fff;color:#d64948}.skeleton{background-color:#eee;background-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(hsla(0,0%,100%,.5)),to(hsla(0,0%,100%,0)));background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));background-size:40px 100%;background-repeat:no-repeat;background-position:left -40px top 0;-webkit-animation:shine 1s ease infinite;animation:shine 1s ease infinite}@-webkit-keyframes shine{to{background-position:right -40px top 0}}@keyframes shine{to{background-position:right -40px top 0}}.icon[data-v-3a0c62b1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.icon-add[data-v-d676394c],.icon[data-v-d56cbb0e]{width:20px}.icon[data-v-29eca0f4],.icon[data-v-581313d6],.icon[data-v-08282228]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login[data-v-0f820227]{background:#fff}.login h2[data-v-0f820227]{text-align:center;line-height:36px;margin:30px 0}.login img[data-v-0f820227]{border-radius:50%}.login form[data-v-0f820227]{background:#fff;margin:30px;padding:20px;border:1px solid #ccc;border-radius:6px}.login form .form-group[data-v-0f820227]{margin-bottom:15px}.login form .form-group label[data-v-0f820227]{display:block}.login form .form-group input[data-v-0f820227],.login form .form-group select[data-v-0f820227]{background:#fff;padding:10px;width:calc(100% - 22px);border:1px solid #ccc;border-radius:4px;outline:none}.login form .form-group input[data-v-0f820227]:focus,.login form .form-group select[data-v-0f820227]:focus{border:1px solid var(--primary)}.login form .form-group select[data-v-0f820227]{width:100%}.login form button[data-v-0f820227]{background:var(--primary);width:100%;padding:15px;outline:none;border:0;color:#fff;text-transform:uppercase;font-weight:600;border-radius:4px}.login form button.disabled[data-v-0f820227]{background:var(--primary-disabled)}.home[data-v-71c44ea2]{border:10px solid #fff}.home .body[data-v-71c44ea2]{padding-bottom:55px}.home .body .top[data-v-71c44ea2]{background:#fff;border-radius:0 0 20px 20px}.home .body .date[data-v-71c44ea2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px;font-weight:500;margin-bottom:20px}.home .body .date>div[data-v-71c44ea2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px}.home .body .date>div.logout[data-v-71c44ea2]{border-radius:20px}.home .body .date>div.logout[data-v-71c44ea2]:active{background:#eee}.home .body .date>div .icon[data-v-71c44ea2]{width:20px}.home .body .date>div .card[data-v-71c44ea2]{padding:15px}.home .body .summary[data-v-71c44ea2]{margin:0 10px 20px;padding-bottom:15px;background:#fff;border-radius:15px}.home .body .summary .home-top[data-v-71c44ea2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.home .body .summary .home-top h3[data-v-71c44ea2]{margin:0}.home .body .summary .home-top a[data-v-71c44ea2]{text-decoration:none;color:#009be7}.home .body .summary .grid[data-v-71c44ea2]{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:15px;grid-row-gap:15px}.home .body .summary .card[data-v-71c44ea2]{border-radius:6px;padding:20px;color:#333;border:1px solid #ccc}.home .body .summary .card[data-v-71c44ea2]:active{background:#f7f7f7}.home .body .summary .card h1[data-v-71c44ea2],.home .body .summary .card p[data-v-71c44ea2]{margin:0;text-align:center}.home .body .summary .card p[data-v-71c44ea2]{font-weight:500;font-size:14px}.home .body .summary table[data-v-71c44ea2]{width:100%;border-collapse:collapse}.home .body .summary table tr th[data-v-71c44ea2]{font-size:14px}.home .body .summary table tr th[data-v-71c44ea2]:first-child{text-align:left}.home .body .summary table tr td[data-v-71c44ea2]{font-size:14px;padding:15px 0;border-bottom:1px solid #ddd}.home .body .summary table tr td[data-v-71c44ea2]:nth-child(2),.home .body .summary table tr td[data-v-71c44ea2]:nth-child(3){text-align:center}.home .mt[data-v-71c44ea2]{text-align:center;padding:20px 0}.home .mt a.btn[data-v-71c44ea2]{display:block;text-decoration:none;font-size:12px;width:160px;margin:20px auto}.home .filter-bar[data-v-71c44ea2]{margin:0 10px 15px;border:1px solid #ccc;border-radius:5px;padding:10px}.home .filter-bar .filter-box[data-v-71c44ea2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px}.home .filter-bar .filter-box.active[data-v-71c44ea2]{padding-bottom:10px;border-bottom:1px solid #ccc}.home .filter-bar .filter-box.active span.down .icon[data-v-71c44ea2]{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.home .filter-bar .filter-box span.down .icon[data-v-71c44ea2]{-webkit-transform:rotate(90deg);transform:rotate(90deg);width:15px}.home .filter-bar .filter-content[data-v-71c44ea2]{margin-top:10px}.home .filter-bar .filter-content label[data-v-71c44ea2]{display:block;margin-bottom:5px}.home .filter-bar .filter-content select[data-v-71c44ea2]{border:1px solid #ccc;border-radius:4px;padding:5px}.home .filter-bar .filter-content .form-group[data-v-71c44ea2]:last-child{margin-bottom:0}.home .card.skeleton[data-v-71c44ea2]{border:0!important}.home .card.skeleton h1[data-v-71c44ea2],.home .card.skeleton p[data-v-71c44ea2]{opacity:0}.home .loading .skeleton[data-v-71c44ea2]{min-height:42px;border-radius:4px;margin-bottom:15px}.home .crat[data-v-71c44ea2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:240px;margin-bottom:30px}.penilaian a[data-v-71c44ea2]{background:var(--primary);color:#fff;text-decoration:none;display:block;font-size:12px;padding:15px;border-radius:6px;text-align:center;text-transform:uppercase;font-weight:700}.icon[data-v-46c78025]{width:25px}.icon[data-v-3d7f1384],.icon[data-v-6ed2eb8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tugas[data-v-3ea1ce8e]{padding:20px}.tugas .header[data-v-3ea1ce8e]{position:fixed;z-index:2;top:0;left:calc(50% - 240px);width:440px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ccc;padding:15px 20px;background:#fff}@media screen and (max-width:768px){.tugas .header[data-v-3ea1ce8e]{left:0;width:100%}}.tugas .header h3[data-v-3ea1ce8e]{margin:0}.tugas .header .search[data-v-3ea1ce8e]{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;height:0;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}.tugas .header .search input[data-v-3ea1ce8e]{margin-top:10px}.tugas .header .search.active[data-v-3ea1ce8e]{height:50px;opacity:1}.tugas .body[data-v-3ea1ce8e]{padding-top:50px;padding-bottom:100px}.tugas .body .task[data-v-3ea1ce8e]{padding:0}.tugas .body .task .loading[data-v-3ea1ce8e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:50px 0}.tugas .body .task .icon[data-v-3ea1ce8e]{width:30px;height:30px;color:#666;margin-right:-3px;-webkit-transform:scale(1);transform:scale(1)}.tugas .body .task .icon[data-v-3ea1ce8e]:active{-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:scale(1.3);transform:scale(1.3)}.tugas .body .task small[data-v-3ea1ce8e]{margin-top:6px;font-size:12px;display:block}.tugas .body .task b[data-v-3ea1ce8e]{font-size:12px;display:block;margin-bottom:5px;font-weight:400;color:#666}.tugas .body .task span.circle[data-v-3ea1ce8e]{width:20px;height:20px;border:2px solid #999;border-radius:60px;-webkit-transform:scale(1);transform:scale(1)}.tugas .body .task span.circle[data-v-3ea1ce8e]:active{-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:scale(1.3);transform:scale(1.3)}.tugas .body .task ul li p[data-v-3ea1ce8e]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tugas .body .task ul li.done div p[data-v-3ea1ce8e]{text-decoration:line-through}.tugas .body .fab[data-v-3ea1ce8e]{position:fixed;bottom:80px;right:calc(50% - 220px)}@media screen and (max-width:768px){.tugas .body .fab[data-v-3ea1ce8e]{right:20px}}.tugas .body .fab a[data-v-3ea1ce8e]{background-color:#0588ff;color:#fff;padding:5px 26px 5px 20px;border-radius:60px;text-decoration:none;-webkit-box-shadow:0 3px 3px #ccc;box-shadow:0 3px 3px #ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;font-size:15px}.tugas .body .fab a span[data-v-3ea1ce8e]{font-size:28px}.tugas .tab[data-v-3ea1ce8e]{margin-bottom:20px}.tugas .tab ul[data-v-3ea1ce8e]{list-style:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px}.tugas .tab ul li[data-v-3ea1ce8e]{padding:10px 12px;border-bottom:2px solid #fff;text-align:center;font-size:14px;-webkit-transition:all .3s ease;transition:all .3s ease}.tugas .tab ul li.active[data-v-3ea1ce8e]{background:#0588ff;color:#fff;border-radius:50px}.tugas .tab ul li[data-v-3ea1ce8e]:active{background-color:#eee}.tugas .overlay[data-v-3ea1ce8e]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.3);visibility:hidden;opacity:0;-webkit-transition:all .6s ease;transition:all .6s ease}.tugas .overlay.show[data-v-3ea1ce8e]{opacity:1;visibility:visible}.skeleton-wrapper .skeleton[data-v-3ea1ce8e]{min-height:65px;border-radius:4px;margin-bottom:15px}.lds-ellipsis[data-v-ca7b5fc2]{display:inline-block;position:relative;width:80px}.lds-ellipsis div[data-v-ca7b5fc2]{position:absolute;top:-10px;width:13px;height:13px;border-radius:50%;background:var(--primary);-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div[data-v-ca7b5fc2]:first-child{left:8px;-webkit-animation:lds-ellipsis1-data-v-ca7b5fc2 .6s infinite;animation:lds-ellipsis1-data-v-ca7b5fc2 .6s infinite}.lds-ellipsis div[data-v-ca7b5fc2]:nth-child(2){left:8px}.lds-ellipsis div[data-v-ca7b5fc2]:nth-child(2),.lds-ellipsis div[data-v-ca7b5fc2]:nth-child(3){-webkit-animation:lds-ellipsis2-data-v-ca7b5fc2 .6s infinite;animation:lds-ellipsis2-data-v-ca7b5fc2 .6s infinite}.lds-ellipsis div[data-v-ca7b5fc2]:nth-child(3){left:32px}.lds-ellipsis div[data-v-ca7b5fc2]:nth-child(4){left:56px;-webkit-animation:lds-ellipsis3-data-v-ca7b5fc2 .6s infinite;animation:lds-ellipsis3-data-v-ca7b5fc2 .6s infinite}@-webkit-keyframes lds-ellipsis1-data-v-ca7b5fc2{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1-data-v-ca7b5fc2{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3-data-v-ca7b5fc2{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3-data-v-ca7b5fc2{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2-data-v-ca7b5fc2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2-data-v-ca7b5fc2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}.icon[data-v-44db6801]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.icon[data-v-a5e64182]{width:20px}.icon[data-v-6dba01cb]{width:26px}.tugas[data-v-bcc7ccda]{padding:20px}.tugas .header[data-v-bcc7ccda]{position:fixed;z-index:2;top:0;left:calc(50% - 240px);width:440px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ccc;padding:15px 20px;background:#fff}@media screen and (max-width:768px){.tugas .header[data-v-bcc7ccda]{left:0;width:100%}}.tugas .header h3[data-v-bcc7ccda]{margin:0}.tugas .header .icon[data-v-bcc7ccda]{height:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tugas .body[data-v-bcc7ccda]{padding-top:60px;padding-bottom:100px}.tugas .btn-group[data-v-bcc7ccda]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.tugas .btn-group .btn-hapus[data-v-bcc7ccda]{background:none;border:1px solid red;color:red}.tugas .btn-group .btn-hapus[data-v-bcc7ccda]:active{background:#eee}.skeleton-wrapper .skeleton[data-v-bcc7ccda]{min-height:65px;border-radius:4px;margin-bottom:15px}.icon[data-v-2eedfe63]{width:20px}.tugas[data-v-14dc3f39]{padding:20px}.tugas .header[data-v-14dc3f39]{position:fixed;z-index:2;top:0;left:calc(50% - 240px);width:440px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ccc;padding:15px 20px;background:#fff}@media screen and (max-width:768px){.tugas .header[data-v-14dc3f39]{left:0;width:calc(100% - 40px)}}.tugas .header h3[data-v-14dc3f39]{margin:0}.tugas .header .icon[data-v-14dc3f39]{height:26px}.tugas .header .search[data-v-14dc3f39]{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;height:0;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}.tugas .header .search input[data-v-14dc3f39]{margin-top:10px}.tugas .header .search.active[data-v-14dc3f39]{height:50px;opacity:1}.tugas .body[data-v-14dc3f39]{padding-top:50px;padding-bottom:100px}.tugas .body .task[data-v-14dc3f39]{padding:0}.tugas .body .task .loading[data-v-14dc3f39]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:50px 0}.tugas .body .fab[data-v-14dc3f39]{position:fixed;bottom:80px;right:calc(50% - 220px)}@media screen and (max-width:768px){.tugas .body .fab[data-v-14dc3f39]{right:20px}}.tugas .body .fab a[data-v-14dc3f39]{background-color:#0588ff;color:#fff;padding:5px 26px 5px 20px;border-radius:60px;text-decoration:none;-webkit-box-shadow:0 3px 3px #ccc;box-shadow:0 3px 3px #ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;font-size:15px}.tugas .body .fab a span[data-v-14dc3f39]{font-size:28px}.tugas .tab[data-v-14dc3f39]{margin-bottom:20px}.tugas .tab ul[data-v-14dc3f39]{list-style:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px}.tugas .tab ul li[data-v-14dc3f39]{padding:10px 12px;border-bottom:2px solid #fff;text-align:center;font-size:14px;-webkit-transition:all .3s ease;transition:all .3s ease}.tugas .tab ul li.active[data-v-14dc3f39]{background:#0588ff;color:#fff;border-radius:50px}.tugas .tab ul li[data-v-14dc3f39]:active{background-color:#eee}.tugas .overlay[data-v-14dc3f39]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.3);visibility:hidden;opacity:0;-webkit-transition:all .6s ease;transition:all .6s ease}.tugas .overlay.show[data-v-14dc3f39]{opacity:1;visibility:visible}.skeleton-wrapper .skeleton[data-v-14dc3f39]{min-height:65px;border-radius:4px;margin-bottom:15px}.form .header[data-v-36b819fc]{position:fixed;top:0;left:calc(50% - 240px);width:440px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;border-bottom:1px solid #ccc;padding:15px 20px;background:#fff;z-index:9}@media screen and (max-width:768px){.form .header[data-v-36b819fc]{left:0;width:calc(100% - 40px)}}.form .header h3[data-v-36b819fc]{margin:0}.form .header .icon[data-v-36b819fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:26px;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.form .header .icon[data-v-36b819fc]:active{-webkit-transform:scale(1.5);transform:scale(1.5)}.form .nav-top[data-v-36b819fc]{background:#fff;-webkit-box-shadow:0 2px 3px #ccc;box-shadow:0 2px 3px #ccc;display:grid;grid-template-columns:1fr 50px;margin-bottom:2px}.form .nav-top .title[data-v-36b819fc]{font-size:14px;font-weight:700;padding:15px}.form .nav-top .save[data-v-36b819fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#009be7;color:#fff}.form .nav-top .save[data-v-36b819fc]:active{background:#0087ca}.form .body[data-v-36b819fc]{padding:60px 4px}.form .body .card[data-v-36b819fc]{background:#fff;padding:15px 15px 25px}.form .body .card p[data-v-36b819fc]{margin:0}.form .body .form-group[data-v-36b819fc]:last-child{margin-bottom:0}.form .body p.card-title[data-v-36b819fc]{color:var(--primary);font-weight:500;margin:0 0 10px}.form .body .progress[data-v-36b819fc]{padding:0 18px 80px}.form .body .progress p[data-v-36b819fc]:first-child{margin:0;font-weight:500;font-size:14px;color:var(--primary)}.form .body .progress .progress-list ul[data-v-36b819fc]{list-style-type:none;padding:0;margin:0}.form .body .progress .progress-list ul li[data-v-36b819fc]{padding:10px 0;border-bottom:1px solid #ccc}.form .body .progress .progress-list ul li[data-v-36b819fc]:active{background:#f8f8f8}.form .body .progress .progress-list ul li small[data-v-36b819fc]{font-size:12px;font-weight:700}.form .body .progress .progress-list ul li p[data-v-36b819fc]{margin:0;font-size:14px;font-weight:400;color:#777}.form .body .progress .progress-form[data-v-36b819fc]{background:#fff;margin-top:15px;position:relative}.form .body .progress .progress-form .close[data-v-36b819fc]{font-size:24px;position:absolute;right:15px;top:15px;display:block;padding:0 5px}.form .body .progress .progress-form .close[data-v-36b819fc]:active{background:#eee}.form .body .progress .btn-progress[data-v-36b819fc]{background:none;border:1px solid var(--primary);border-radius:4px;color:var(--primary);padding:10px;text-align:center;font-size:12px;font-weight:700;display:block;margin:15px auto;width:200px}.form .body .progress .btn-progress[data-v-36b819fc]:active{background:#eee}.form .btn-grid[data-v-36b819fc]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form .btn-grid .btn-progress[data-v-36b819fc]{width:100%!important}.form .btn-grid .btn-batal[data-v-36b819fc]{color:#d64948!important;border:1px solid #d64948!important}.form .camera[data-v-36b819fc],.form .gallery[data-v-36b819fc]{border:1px solid #ddd;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#777;padding:15px;font-size:14px}.form .camera[data-v-36b819fc]:active,.form .gallery[data-v-36b819fc]:active{background:#eee}.form .gallery[data-v-36b819fc]{position:relative}.form .gallery input[data-v-36b819fc]{opacity:0;position:absolute;top:0;left:0;height:calc(100% - 20px)!important}.skeleton-wrapper[data-v-36b819fc]{padding:20px}.skeleton-wrapper .input[data-v-36b819fc]{min-height:45px;border-radius:4px;margin-bottom:25px}.skeleton-wrapper .textarea[data-v-36b819fc]{min-height:140px;border-radius:4px;margin-bottom:15px}.skeleton-wrapper .label[data-v-36b819fc]{min-height:20px;border-radius:4px;margin-bottom:6px}.modal[data-v-36b819fc]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal .modal-body[data-v-36b819fc]{border-radius:5px;background:#fff;padding:15px;margin:80px 30px 30px;height:400px;width:300px}.modal .camera[data-v-36b819fc]{position:relative;padding:0}.modal .camera #photo[data-v-36b819fc],.modal .camera #video[data-v-36b819fc]{width:100%;height:400px;-o-object-fit:contain;object-fit:contain}.modal .camera .camera-controller[data-v-36b819fc]{position:absolute;bottom:0;background-color:rgba(0,0,0,.5);width:100%;height:70px;margin-top:-6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal .camera .camera-controller.ok[data-v-36b819fc]{height:55px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.modal .camera .camera-controller.ok button[data-v-36b819fc]{background-color:#fff;border:0;outline:none;padding:10px 15px;border-radius:4px;text-transform:uppercase;-webkit-transition:all .3s ease;transition:all .3s ease;width:80px}.modal .camera .camera-controller.ok button[data-v-36b819fc]:active{-webkit-transform:scale(.9);transform:scale(.9)}.modal .camera .camera-controller.ok button[data-v-36b819fc]:first-child{margin-left:10px}.modal .camera .camera-controller.ok button[data-v-36b819fc]:last-child{margin-right:10px}.modal .camera .btn-photo[data-v-36b819fc]{width:55px;height:55px;border-radius:70px;border:0;background-color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}.modal .camera .btn-photo[data-v-36b819fc]:active{width:50px;height:50px}#canvas[data-v-36b819fc]{display:none}.overlay-loading[data-v-36b819fc]{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tgl-target input{width:100%}.icon[data-v-1a07e81e]{width:25px}.icon-add[data-v-7a62f9c4],.icon-add[data-v-30be2c78]{width:20px}.history[data-v-35a0a2e6]{background:#f2f3f7;min-height:100vh;padding-bottom:60px}.history .nav-top[data-v-35a0a2e6]{background:#fff;-webkit-box-shadow:0 2px 3px #ccc;box-shadow:0 2px 3px #ccc;display:grid;grid-template-columns:1fr 50px;margin-bottom:2px}.history .nav-top .title[data-v-35a0a2e6]{font-size:14px;font-weight:700;padding:15px}.history .nav-top .save[data-v-35a0a2e6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#009be7;color:#fff}.history .nav-top .save[data-v-35a0a2e6]:active{background:#0087ca}.history .body .tab[data-v-35a0a2e6]{padding:15px 15px 0;display:grid;grid-template-columns:1fr 1fr}.history .body .tab div[data-v-35a0a2e6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.history .body .tab span[data-v-35a0a2e6]{display:block;font-size:14px;width:100%;padding:10px;border-radius:30px;text-align:center}.history .body .tab span.active[data-v-35a0a2e6]{background:#fff;-webkit-box-shadow:0 3px 3px #ccc;box-shadow:0 3px 3px #ccc}.history .body .task[data-v-35a0a2e6]{margin-top:20px}.history[data-v-1568d892]{background:#f2f3f7;min-height:100vh;padding-bottom:60px}.history .nav-top[data-v-1568d892]{background:#fff;-webkit-box-shadow:0 2px 3px #ccc;box-shadow:0 2px 3px #ccc;display:grid;grid-template-columns:50px 1fr;margin-bottom:2px}.history .nav-top .back[data-v-1568d892]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.history .nav-top .title[data-v-1568d892]{font-size:14px;font-weight:700;padding:15px}.history .nav-top .save[data-v-1568d892]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#009be7;color:#fff}.history .nav-top .save[data-v-1568d892]:active{background:#0087ca}.history .body .task[data-v-1568d892]{margin-top:20px}.history[data-v-6e06c6f2]{background:#fff;min-height:100vh;padding-bottom:60px}.history .nav-top[data-v-6e06c6f2]{background:#fff;-webkit-box-shadow:0 2px 3px #ccc;box-shadow:0 2px 3px #ccc;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:2px}.history .nav-top .title[data-v-6e06c6f2]{font-size:14px;font-weight:700;padding:15px}.history .btn-group[data-v-6e06c6f2]{margin:20px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.history .btn-group button[data-v-6e06c6f2]{margin:0 5px;padding:5px 10px}.history .body[data-v-6e06c6f2]{padding:15px}.history .body .summary[data-v-6e06c6f2]{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:25px;margin-bottom:20px}.history .body .filter[data-v-6e06c6f2]{width:50%;margin:20px 0}.history .body .filter form[data-v-6e06c6f2]{display:grid;grid-template-columns:repeat(2,1fr) 140px;grid-column-gap:15px}.history .body .filter form input[data-v-6e06c6f2],.history .body .filter form select[data-v-6e06c6f2]{border:1px solid #ccc;border-radius:5px;padding:15px}.history .body .filter form input[data-v-6e06c6f2]:focus,.history .body .filter form select[data-v-6e06c6f2]:focus{border:1px solid var(--primary)}.history .body .filter form input[data-v-6e06c6f2]{width:calc(100% - 30px)}.history .body .filter form button[data-v-6e06c6f2]{border-radius:5px;cursor:pointer}.history .body .card[data-v-6e06c6f2]{border-radius:5px;padding:20px;color:#333}.history .body .card h1[data-v-6e06c6f2],.history .body .card p[data-v-6e06c6f2]{margin:0}.history .body .card.todo[data-v-6e06c6f2]{background:#fff;border:1px solid #ccc}.history .body .card.progress[data-v-6e06c6f2]{background:#f5b400;border:1px solid #f5b400}.history .body .card.complete[data-v-6e06c6f2]{background:#6ee569;border:1px solid #6ee569}.history .body .card.all[data-v-6e06c6f2]{background:#009be7;border:1px solid #009be7}.history .body .table-wrapper[data-v-6e06c6f2]{display:block;overflow:auto;width:100%}.history .body table[data-v-6e06c6f2]{width:1500px;border-collapse:collapse}.history .body table th[data-v-6e06c6f2]{padding:10px;border-bottom:2px solid #ccc;font-size:13px;text-align:left}.history .body table tr[data-v-6e06c6f2]:hover{cursor:pointer}.history .body table tr:hover td[data-v-6e06c6f2]{background:#f8f8f8}.history .body table td[data-v-6e06c6f2]{padding:10px;border-bottom:1px solid #ccc;font-size:13px;font-weight:500}.history span[data-v-6e06c6f2]{font-size:11px;background-color:#eee;padding:5px 10px;border-radius:5px}.history span.in_progress[data-v-6e06c6f2]{background:#f5b400}.history span.complete[data-v-6e06c6f2]{background:#6ee569}.history span.danger[data-v-6e06c6f2]{background:#d64948;color:#fff}.history .modal[data-v-6e06c6f2]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.history .modal .modal-body[data-v-6e06c6f2]{width:600px;background:#fff;padding:15px;border-radius:10px;height:70vh;margin-top:50px;overflow-y:auto}.history .modal .modal-body .top[data-v-6e06c6f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.history .modal .modal-body .top p[data-v-6e06c6f2]{margin:0 0 5px}.history .modal .modal-body .top pre[data-v-6e06c6f2]{background:#eee;width:100%}.history .modal .modal-body .keterangan[data-v-6e06c6f2]{padding:10px;background:#eee;margin-top:15px;border-radius:5px;min-height:50px}.history .modal .modal-body .keterangan p[data-v-6e06c6f2]{margin:0;font-size:14px}.history .modal .modal-body ul[data-v-6e06c6f2]{margin:0;padding-left:20px}.history .modal .modal-body ul li[data-v-6e06c6f2]{font-size:14px;margin:20px 0;border-bottom:1px solid #ccc;padding-bottom:10px}.history .modal .modal-body ul li span[data-v-6e06c6f2]{background:none;font-size:14px;padding:0;font-weight:500}.history .modal .modal-body ul li p[data-v-6e06c6f2]{margin:0;font-size:16px;line-height:22px}.tugas[data-v-47cc9e6e]{padding:20px}.tugas .header[data-v-47cc9e6e]{position:fixed;z-index:2;top:0;left:calc(50% - 240px);width:440px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ccc;padding:15px 20px;background:#fff}@media screen and (max-width:768px){.tugas .header[data-v-47cc9e6e]{left:0;width:calc(100% - 40px)}}.tugas .header h3[data-v-47cc9e6e]{margin:0}.tugas .header .icon[data-v-47cc9e6e]{height:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tugas .body[data-v-47cc9e6e]{padding-top:40px;padding-bottom:100px}.tugas .body ul[data-v-47cc9e6e]{list-style-type:none;padding:0;margin:0}.tugas .body ul li[data-v-47cc9e6e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #ddd}.tugas .body ul li div[data-v-47cc9e6e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tugas .body ul li div p[data-v-47cc9e6e]{font-size:14px;line-height:22px;color:#555}.tugas .body ul li div p b[data-v-47cc9e6e]{color:#333}.tugas .body ul li div[data-v-47cc9e6e]:last-child{font-size:13px;white-space:nowrap;color:#888}.tugas[data-v-a70e464c]{padding:20px}.tugas .header[data-v-a70e464c]{position:fixed;z-index:2;top:0;left:calc(50% - 240px);width:440px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ccc;padding:15px 20px;background:#fff}@media screen and (max-width:768px){.tugas .header[data-v-a70e464c]{left:0;width:calc(100% - 40px)}}.tugas .header h3[data-v-a70e464c]{margin:0}.tugas .header .icon[data-v-a70e464c]{height:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tugas .body[data-v-a70e464c]{padding-top:60px;padding-bottom:100px}.tugas .btn-group[data-v-a70e464c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.tugas .btn-group .btn-hapus[data-v-a70e464c]{background:none;border:1px solid red;color:red}.tugas .btn-group .btn-hapus[data-v-a70e464c]:active{background:#eee}.tugas .profil[data-v-a70e464c]{text-align:center}.tugas .file[data-v-a70e464c]{position:relative;text-align:center;font-size:14px;border:1px solid #ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:15px;border-radius:6px}.tugas .file input[data-v-a70e464c]{position:absolute;top:0;left:0;width:calc(100% - 20px);height:calc(100% - 20px);opacity:0}.header[data-v-37fc3396]{position:fixed;z-index:2;top:0;left:calc(50% - 240px);width:440px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ccc;padding:15px 20px;background:#fff}@media screen and (max-width:768px){.header[data-v-37fc3396]{left:0;width:100%}}.header h3[data-v-37fc3396]{margin:0}.header .icon[data-v-37fc3396]{height:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.body[data-v-37fc3396]{padding:60px 20px 100px}.body .tabs ul[data-v-37fc3396]{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);padding:0}.body .tabs ul li[data-v-37fc3396]{padding:10px 20px;border-bottom:1px solid #ccc;text-align:center;cursor:pointer;font-size:14px}.body .tabs ul li.active[data-v-37fc3396]{border-bottom:2px solid var(--primary);color:var(--primary)}.body .manajemen[data-v-37fc3396]{list-style:none;padding:0;margin:0}.body .manajemen li[data-v-37fc3396]{display:grid;grid-template-columns:60px 1fr 40px;gap:10px;margin-bottom:20px}.body .manajemen li>div[data-v-37fc3396]:last-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.body .manajemen li img[data-v-37fc3396]{width:60px;height:80px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.body .manajemen li p[data-v-37fc3396]{margin-bottom:0;font-weight:700}.body .manajemen li span[data-v-37fc3396]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:13px;background-color:gold;border-radius:40px;width:40px;height:40px;font-weight:700}.body .grid[data-v-37fc3396],.body .manajemen li span[data-v-37fc3396]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.body .grid[data-v-37fc3396]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.skeleton-wrapper[data-v-37fc3396]{margin-top:20px}.skeleton-wrapper .skeleton[data-v-37fc3396]{min-height:65px;border-radius:4px;margin-bottom:15px}.header[data-v-1c9f7854]{position:fixed;z-index:2;top:0;left:calc(50% - 240px);width:440px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ccc;padding:15px 20px;background:#fff}@media screen and (max-width:768px){.header[data-v-1c9f7854]{left:0;width:100%}}.header h3[data-v-1c9f7854]{margin:0}.header .icon[data-v-1c9f7854]{height:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.body[data-v-1c9f7854]{padding:80px 20px 100px}.body .manajemen[data-v-1c9f7854]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.body .manajemen h3[data-v-1c9f7854]{margin-bottom:0}.rating[data-v-1c9f7854]{font-size:24px}.rating span[data-v-1c9f7854]{cursor:pointer}.rating .filled[data-v-1c9f7854]{color:gold}.skeleton-wrapper[data-v-1c9f7854]{margin-top:20px}.skeleton-wrapper .skeleton[data-v-1c9f7854]{min-height:65px;border-radius:4px;margin-bottom:15px}
/*# sourceMappingURL=app.656c2390825ffaecabbbd75589be015b.css.map */