@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/mplusrounded1c/v20/VdGEAYIAV6gnpUpoWwNkYvrugw9RuPWG.ttf) format("truetype")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/mplusrounded1c/v20/VdGBAYIAV6gnpUpoWwNkYvrugw9RuM064ZsK.ttf) format("truetype")}.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}:root{--color-member: #009fa8;--color-examiner: #00b0eb;--color-admin: #6fba2d;--color-primary: var(--color-member);--color-danger: #e86644}html{font-family:"M PLUS Rounded 1c",sans-serif;height:100%}body{color:#5d5e5f;position:relative}#app{height:100vh;background-color:#fff}.max-width{max-width:652px}.app-container{display:grid;grid-template-columns:auto 1fr}.app-login{padding:60px 20px}.app-login .inner{width:100%;max-width:900px;margin:0 auto}.main-container{display:grid;grid-template-rows:auto 1fr;height:100vh;padding:0 30px}.main-content{overflow-y:auto;padding:30px 0}.label-btn{display:flex;gap:15px;align-items:center}.label-error{display:flex;align-items:center;gap:15px}.label-error p{font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;font-size:16px;height:36px;padding:0 1.5em;border-radius:18px;background-color:var(--color-primary);color:#fff;white-space:nowrap;cursor:pointer;min-width:100px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:hover:not(:disabled){opacity:.9}.btn.small{font-size:12px;height:24px;min-width:70px}.btn.border{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn.border.danger{border-color:var(--color-danger);color:var(--color-danger);background-color:transparent}.btn.danger{background-color:var(--color-danger);color:#fff}.btn.cancel{background-color:#8f8f8f;color:#fff}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=week],input[type=time],textarea{width:100%;height:40px;font-size:15px;padding:.5em 1em;border-radius:5px;border:1px solid #8f8f8f;color:#000;background-color:#fff}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=tel]:disabled,input[type=url]:disabled,input[type=date]:disabled,input[type=datetime]:disabled,input[type=datetime-local]:disabled,input[type=month]:disabled,input[type=week]:disabled,input[type=time]:disabled,textarea:disabled{background-color:#f3f3f3;color:#9a9a9a;cursor:not-allowed}input[type=text].small,input[type=email].small,input[type=password].small,input[type=number].small,input[type=tel].small,input[type=url].small,input[type=date].small,input[type=datetime].small,input[type=datetime-local].small,input[type=month].small,input[type=week].small,input[type=time].small,textarea.small{height:30px;font-size:12px;padding:.4em 1em}.search{width:100%;height:36px;font-size:15px;border-radius:20px;border:1px solid #8f8f8f;color:#000;position:relative}.search:before{content:"";background-image:url(https://system.staging-jcomsia.net/build/assets/icon_search-DqtzqY2G.svg);background-size:12px 12px;background-repeat:no-repeat;background-position:center;position:absolute;left:5px;top:50%;transform:translateY(-50%);color:#8f8f8f;background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%}.search input[type=search]{width:100%;height:100%;border-radius:20px;padding:.5em 1em .5em 36px}.search input[type=search]::placeholder{font-size:12px;color:#9a9a9a}label.checkbox{display:inline-flex;align-items:center;gap:5px;font-size:14px;cursor:pointer;line-height:1}.item-checkboxs{border:1px solid #8f8f8f;border-radius:5px;padding:10px;display:grid;gap:10px}.item-checkboxs .item-checkbox-input{display:flex;align-items:center;gap:5px}.item-checkboxs label{width:max-content;white-space:nowrap;min-width:160px}.item-checkboxs.horizontal{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}input[type=checkbox]{--webkit-appearance: none;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:15px;height:15px;border:1px solid #8f8f8f;border-radius:2px;cursor:pointer;background-color:#fff}input[type=checkbox]:checked:after{content:"";display:block;position:absolute;top:1px;left:1px;width:11px;height:11px;background-color:var(--color-primary)}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}input[type=checkbox].is-single{border-radius:50%}input[type=checkbox].is-single:checked:after{border-radius:50%}.select{border:1px solid #8f8f8f;display:inline-block;position:relative;border-radius:5px;background-color:#fff}.select:after{content:"▼";font-size:10px;color:#a1a1a1;position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none}.select select{padding:.6em calc(1em + 15px) .6em 1em;font-size:16px;width:100%;min-width:max-content}.select select.small{font-size:10px}.select.small select{padding:.4em calc(1em + 15px) .4em 1em;font-size:12px}.select:has(select:disabled){background-color:#f3f3f3;cursor:not-allowed}.select:has(select:disabled) select{color:#9a9a9a;cursor:not-allowed}.step{display:flex;width:663px;justify-content:space-between;font-size:14px;position:relative;padding:40px 0 60px;counter-reset:step 0}.step:after{content:"";display:block;width:100%;height:1px;background-color:#8f8f8f;position:absolute;left:0;top:10px;z-index:0;margin-top:40px}.step li{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;white-space:nowrap;z-index:1}.step li:before{counter-increment:step;content:counter(step) "";display:inline-flex;width:20px;height:20px;border-radius:50%;background-color:#8f8f8f;color:#fff;font-size:14px;justify-content:center;align-items:center}.step li:first-child:after{display:block;content:"";width:50%;height:1px;background-color:#fff;position:absolute;left:0;top:10px;z-index:-1}.step li:last-child:after{display:block;content:"";width:50%;height:1px;background-color:#fff;position:absolute;right:0;top:10px;z-index:-1}.step li.complete:before{background-color:var(--color-primary);content:url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L5 9L12 1' stroke='white' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E")}.step li.current:before{background-color:var(--color-primary)}.top-menu{display:flex;align-items:center;margin-bottom:20px}.top-menu .top-right{margin-left:auto;display:flex;gap:10px;align-items:center}.top-menu .publish{font-size:16px;display:inline-flex;align-items:center;white-space:nowrap}.top-menu .publish:before{content:"";display:inline-block;width:13px;height:13px;border-radius:50%;background-color:#ccc;margin-right:5px}.top-menu .publish.active:before{background-color:var(--color-primary)}.top-menu .publish:after{content:"";display:inline-block;height:30px;width:1px;margin-left:10px;background-color:#8f8f8f}.top-ttl{display:inline-flex;align-items:center;color:#fff;background-color:var(--color-primary);font-size:19px;font-weight:700;height:36px;padding:0 1em;border-radius:0 0 10px}.form-label{color:var(--color-primary);font-size:16px;font-weight:700;border-left:2px solid var(--color-primary);padding-left:10px;margin-bottom:20px}.form-btn{display:flex;align-items:center;gap:10px}.form-btn p{font-size:12px;color:var(--color-danger)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:center}.form-items{display:grid;gap:20px;grid-template-columns:100%}.form-item{display:flex;flex-direction:column;gap:5px}.form-item label:not(.checkbox){display:block;font-size:14px}.form-item label:not(:has(input[type=checkbox])){font-weight:700}.form-item.two{grid-column:span 2}.app-login .description{font-size:14px;color:#5d5e5f;margin-top:40px;text-align:center;line-height:1.8}.app-login .form{max-width:525px;margin:0 auto;padding-top:60px}.app-login .mt{margin-top:20px}.app-login .forget,.app-login .submit{text-align:center;margin-top:30px}.app-login .social-container{max-width:220px;margin:0 auto;padding-top:60px}.app-login .social-btn{display:flex;align-items:center;width:100%;padding:10px 12px;margin-bottom:15px;border-radius:4px;border:1px solid #dadce0;background-color:#fff;cursor:pointer;font-size:14px;text-align:center;color:#3c4043;transition:background-color .2s}.app-login .social-btn:hover{background-color:#f8f9fa}.app-login .social-btn .btn-icon{width:18px;height:18px;margin-right:10px}.app-login .social-btn .btn-text{flex-grow:1;text-align:center}.password-strength{display:flex;align-items:center;gap:10px}.password-strength .password-strength-msg{font-size:12px}.password-strength .password-strength-img{width:40px}.table-wrap{overflow-x:auto}.table-wrap.bordered{border:1px solid #8f8f8f;border-radius:5px;padding:10px}.table{width:100%}.table thead{border-bottom:1px solid #8f8f8f;background-color:#fff;z-index:1;position:sticky;top:0}.table thead tr th{font-size:12px;font-weight:700;padding:6px;white-space:nowrap;background-color:#fff}.table thead tr th.action{position:sticky;right:0}.table tbody tr td{background-color:#fff;padding:12px 6px;font-size:14px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ddd}.table tbody tr td.action{position:sticky;right:0}.table tbody tr:nth-child(2n) td{background-color:#f3f3f3}.scroller{overflow-y:scroll!important;padding-right:10px}.scroller::-webkit-scrollbar{width:8px}.scroller::-webkit-scrollbar-track{background:#ddd;border-radius:4px}.scroller::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}@supports not selector(::-webkit-scrollbar){.scroller{scrollbar-color:var(--color-primary) #dddddd}}.dialog-edit{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.dialog-edit .dialog-wrap{background:#fff;padding:25px;width:100%;box-shadow:0 0 10px #0003;position:relative;max-height:calc(100vh - 40px);display:grid;grid-template-rows:auto 1fr auto}.dialog-edit .dialog-wrap .dialog-close{color:var(--color-primary);font-size:40px;position:absolute;top:5px;right:20px;transition:opacity .3s}.dialog-edit .dialog-wrap .dialog-close:hover{opacity:.8}.dialog-edit .dialog-wrap .dialog-ttl{font-size:16px;font-weight:700;margin-bottom:20px}.dialog-edit .dialog-wrap .dialog-grid{display:grid;gap:10px}.dialog-edit .dialog-wrap .dialog-item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.dialog-edit .dialog-wrap .dialog-item label{width:120px;font-size:16px;font-weight:700}.dialog-edit .dialog-wrap .dialog-item label:has(input[type=checkbox]){font-weight:400}.dialog-edit .dialog-wrap .dialog-item label.wide{width:200px}.dialog-edit .dialog-wrap .dialog-msg{text-align:center;font-size:16px;line-height:1.4;margin-top:20px}.dialog-edit .dialog-wrap .dialog-footer{margin-top:20px;display:flex;gap:1em;justify-content:flex-end}.dialog-edit .dialog-wrap .dialog-footer .mr-auto{margin-right:auto}.dialog-edit .dialog-wrap .dialog-content{overflow-y:auto}.software{display:flex;padding:10px;border:1px solid #8f8f8f;border-radius:5px;background-color:#fff;transition:all .2s ease}.software .logo{width:60px;height:60px;background-color:#e5e7eb;border-radius:5px;margin-right:12px;flex-shrink:0;overflow:hidden}.software .logo img{width:100%;height:100%;object-fit:cover;display:none}.software .logo img[src]{display:inline-block}.software .logo img[src=""]{display:none}.software .info{flex:1;display:flex;flex-direction:column;gap:4px}.software .name{font-weight:600;font-size:14px;color:#1f2937;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.software .company{font-size:13px;color:#6b7280}.software .date{font-size:12px;color:#9ca3af;margin-top:auto}.mt-0{margin-top:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mt-7{margin-top:28px}.mt-8{margin-top:32px}.mt-9{margin-top:36px}.mt-10{margin-top:40px}.mt-11{margin-top:44px}.mt-12{margin-top:48px}.mt-13{margin-top:52px}.mt-14{margin-top:56px}.mt-15{margin-top:60px}.mt-16{margin-top:64px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-7{margin-bottom:28px}.mb-8{margin-bottom:32px}.mb-9{margin-bottom:36px}.mb-10{margin-bottom:40px}.mb-11{margin-bottom:44px}.mb-12{margin-bottom:48px}.mb-13{margin-bottom:52px}.mb-14{margin-bottom:56px}.mb-15{margin-bottom:60px}.mb-16{margin-bottom:64px}.ml-0{margin-left:0}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.ml-3{margin-left:12px}.ml-4{margin-left:16px}.ml-5{margin-left:20px}.ml-6{margin-left:24px}.ml-7{margin-left:28px}.ml-8{margin-left:32px}.ml-9{margin-left:36px}.ml-10{margin-left:40px}.ml-11{margin-left:44px}.ml-12{margin-left:48px}.ml-13{margin-left:52px}.ml-14{margin-left:56px}.ml-15{margin-left:60px}.ml-16{margin-left:64px}.mr-0{margin-right:0}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.mr-3{margin-right:12px}.mr-4{margin-right:16px}.mr-5{margin-right:20px}.mr-6{margin-right:24px}.mr-7{margin-right:28px}.mr-8{margin-right:32px}.mr-9{margin-right:36px}.mr-10{margin-right:40px}.mr-11{margin-right:44px}.mr-12{margin-right:48px}.mr-13{margin-right:52px}.mr-14{margin-right:56px}.mr-15{margin-right:60px}.mr-16{margin-right:64px}.checksheet-nav{display:flex;justify-content:space-between;margin-bottom:20px}.checksheet-nav li{flex:1;font-size:16px;font-weight:700;border:1px solid #d9d9d9;border-bottom:1px solid var(--color-primary);text-align:center;display:flex;align-items:center;justify-content:center;height:50px;cursor:pointer;color:#8f8f8f;background-color:#f3f3f3}.checksheet-nav li:first-child{border-radius:10px 0 0}.checksheet-nav li:last-child{border-radius:0 10px 0 0}.checksheet-nav li.active{color:var(--color-primary);border:1px solid var(--color-primary);border-bottom:none;background-color:#fff}.checksheet-list{display:grid;gap:15px}.checksheet-list .checksheet-list-item{display:grid;gap:5px}.checksheet-list .checksheet-list-item .checksheet-table-ttl{font-size:14px;line-height:1.4}.checksheet-table-wrap{border-radius:5px;overflow:auto;border:1px solid #d9d9d9}.checksheet-table{width:100%}.checksheet-table th,.checksheet-table td{padding:16px;line-height:1.5;text-align:center;vertical-align:middle}.checksheet-table th:not(:last-child),.checksheet-table td:not(:last-child){border-right:1px solid #d9d9d9}.checksheet-table th:last-child{width:140px}.checksheet-table thead tr{background-color:#f3f3f3}.checksheet-table thead th{font-size:12px;font-weight:700;text-align:center;vertical-align:middle;white-space:nowrap}.checksheet-table tbody a{color:#1622ff;text-decoration:underline}.checksheet-table tbody tr{border-top:1px solid #d9d9d9}.checksheet-table tbody tr.completed{background-color:#edfeff}.checksheet-table tbody tr.alert{background-color:#ffebeb}.checksheet-table tbody td{padding:30px 8px;font-size:14px}.checksheet-table tbody .checksheet-content{text-align:left}.checksheet-table tbody .checksheet-file .file-item{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:5px}.checksheet-table tbody .checksheet-file .file-item a{text-align:left;font-size:12px;max-width:100px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.checksheet-table tbody .checksheet-file .file-item button{display:inline-flex}.checksheet-table tbody .checksheet-check label{font-size:14px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.checksheet-table tbody .checksheet-check .checkbox-group{display:inline-flex;align-items:center;justify-content:center;flex-direction:column}.checksheet-table tbody .checksheet-check .datetime{font-size:10px;background-color:#f5f5f5;border-radius:15px;line-height:1.2;padding:2px 8px;white-space:nowrap}popup{color:#00b0eb;cursor:pointer;text-decoration:underline}