@charset "UTF-8";.mochi-app *{margin:0;padding:0;box-sizing:border-box}.mochi-app{background-color:#eceef4;color:#1a2233;font-family:Be Vietnam Pro,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:400;line-height:1.5;min-height:100vh}.mochi-app .mochi-page-body h1{font-size:20px;font-weight:700;padding:0;margin:0 0 8px;border:none}.mochi-app h2{font-size:16px;font-weight:600;padding:20px 24px 12px}.mochi-app .bg-orange-light{background-color:#ede9fe}.mochi-app .card{width:100%;margin:0 auto;box-shadow:0 0 10px #0003;background-color:#fff}.mochi-app .card .card-header{background-color:#6d28d9;text-align:center;color:#fff;font-size:16px;padding:10px 12px;font-weight:500}.mochi-app .contents{display:flex;min-height:calc(100vh - 120px)}.mochi-app .contents .stamp-container{flex:1;min-width:0;border-right:1px solid #B7B7B7}.mochi-app .contents .status-bar{width:250px;flex-shrink:0;padding:30px 20px}.mochi-app .info{display:flex;padding:30px}.mochi-app .info .info-month{width:100%}.mochi-app .info .info-month .info-month-date{font-size:14px;font-weight:600;text-align:center;color:#6d28d9;background-color:#e2e6ee;padding:6px}.mochi-app .info .info-month .info-month-clock{text-align:center;margin:16px 0 8px}.mochi-app .info .info-month .info-month-clock img{width:32px}.mochi-app .info .info-month .info-month-hour{text-align:center;font-size:18px;line-height:1.2;padding-bottom:16px}.mochi-app .info .info-month .info-month-hour strong{font-size:42px;font-weight:600;margin-right:4px}.mochi-app .time-stamp{text-align:center;padding:0 30px 30px}.mochi-app .time-stamp .table-time-stamp{table-layout:fixed;width:100%;border-collapse:collapse;font-size:16px}.mochi-app .time-stamp .table-time-stamp thead th{background-color:#7c3aed;color:#fff;padding:10px;border-right:4px solid #fff;font-weight:400}.mochi-app .time-stamp .table-time-stamp thead th:last-child{background-color:#5b21b6;border-right:none}.mochi-app .time-stamp .table-time-stamp tbody{border-bottom:2px solid #5c6573}.mochi-app .time-stamp .table-time-stamp tbody tr td{padding:5px 2px;vertical-align:middle}.mochi-app .time-stamp .table-time-stamp tbody tr td span.status-remote{background-color:#3b6fd9;color:#fff;padding:2px 6px;font-size:14px}.mochi-app .time-stamp .table-time-stamp tbody tr td:first-child{vertical-align:top}.mochi-app .time-stamp .table-time-stamp tbody tr td:last-child{font-weight:600;font-size:16px}.mochi-app .time-stamp .table-time-stamp tbody tr.saturday td:first-child{color:#03c}.mochi-app .time-stamp .table-time-stamp tbody tr.sunday td:first-child{color:#c00}.mochi-app .time-stamp .table-time-stamp tbody tr:first-child td{padding-top:10px}.mochi-app .time-stamp .table-time-stamp tbody tr:last-child td{padding-bottom:10px}.mochi-app .status-bar .card{width:90%;min-height:50vh}.mochi-app .status-bar .card .card-body{padding:25px 0}.mochi-app .status-bar .card .card-body .status-list{width:90%;margin:0 auto;list-style:none}.mochi-app .status-bar .card .card-body .status-list li{padding:5px 5px 5px 60px;position:relative;color:#5c6573}.mochi-app .status-bar .card .card-body .status-list li:hover{background-color:#f8f8f8}.mochi-app .status-bar .card .card-body .status-list li:before{position:absolute;left:25px;top:50%;margin-top:-8px;content:"";width:16px;height:16px;border-radius:50%;background-color:#c5cad4}.mochi-app .status-bar .card .card-body .status-list li.active{color:#000}.mochi-app .status-bar .card .card-body .status-list li.active small{position:absolute;top:7px;right:10px;padding:1px 5px;font-size:75%;background-color:#ede9fe}.mochi-app .status-bar .card .card-body .status-list li.active:before{background-color:#2e7d52}.mochi-app .side-bar{position:fixed;left:0;top:0;width:200px;height:100vh;background-color:#7c3aed;padding-top:20px;text-align:center;z-index:100}.mochi-app .side-bar .img-mochi{margin-bottom:20px;max-width:120px}.mochi-app .side-bar strong,.mochi-app .side-bar a{display:block;font-size:16px}.mochi-app .side-bar hr{border-color:#fff;border-style:solid;border-width:.5px;margin:16px 12px}.mochi-app .side-bar strong{color:#a78bfa;margin-bottom:24px}.mochi-app .side-bar a{font-weight:700;color:#fff;text-decoration:none;padding:20px 0}.mochi-app .side-bar a:hover{transition:.15s;cursor:pointer;opacity:.9}.mochi-app .side-bar a.active{background-color:#0000001a}.mochi-app .side-bar a.time{padding-left:30px;background-image:url(/assets/mochi/img/img-sidemenu-time.png);background-repeat:no-repeat;background-position:16px center;background-size:32px}.mochi-app .side-bar a.salary,.mochi-app .side-bar a.employees{font-size:14px;padding:14px 8px}.mochi-app .side-bar .logout-btn{margin-top:32px;background:none;border:none;color:#fff;font-size:13px;cursor:pointer;opacity:.9}.mochi-app .side-bar .logout-btn:hover{transition:.15s;cursor:pointer;opacity:.9}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body,button,input,select,textarea{font-family:Be Vietnam Pro,Segoe UI,system-ui,-apple-system,sans-serif}