@import "https://fonts.googleapis.com/css2?family=Jua&family=Roboto+Mono:wght@400;600&display=swap";body{margin:0}.cselect{width:100%;position:relative}.cselect__trigger{color:#1a1d2e;cursor:pointer;text-align:left;background:#f4f5f8;border:1px solid #e4e6ef;border-radius:6px;justify-content:space-between;align-items:center;gap:4px;width:100%;padding:5px 8px 5px 10px;font-family:Roboto Mono,monospace;font-size:13px;font-weight:600;transition:border-color .15s,background-color .15s;display:flex}.cselect__trigger:hover{background-color:#eceef4;border-color:#c8ccdc}.cselect--open .cselect__trigger{background-color:#fff;border-color:#1a1d2e}.cselect__arrow{flex-shrink:0;transition:transform .15s}.cselect--open .cselect__arrow{transform:rotate(180deg)}.cselect__dropdown{z-index:100;background:#fff;border:1px solid #e4e6ef;border-radius:8px;min-width:100%;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 16px #0000001a}.cselect__dropdown--up{top:auto;bottom:calc(100% + 4px)}.cselect__option{color:#1a1d2e;cursor:pointer;border-radius:5px;padding:6px 10px;font-size:13px;transition:background .1s}.cselect__option:hover{background:#f4f5f8}.cselect__option--selected{color:#1a1d2e;background:#f0f0f2;font-weight:600}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1d2e;background:#f7f8fa;min-height:100vh;font-family:Pretendard,Noto Sans KR,sans-serif}.app{padding:10px 16px}.app-header{align-items:center;gap:20px;margin-bottom:12px;display:flex}.header-credit{color:#b0b4c8;white-space:nowrap;margin-left:auto;font-size:11px}.app-header h1{color:#1a1d2e;letter-spacing:-.3px;font-size:24px;font-weight:700}.class-badge{color:#8890b0;background:0 0;border:none;padding:0;font-size:12px;font-weight:500}.tabs{background:#f0f1f5;border:none;border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex}.tab{color:#9098b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:5px 14px;font-family:inherit;font-size:13px;font-weight:400;transition:color .15s}.tab:hover{color:#1a1d2e}.tab--active{color:#1a1d2e;background:#fff;box-shadow:0 1px 4px #0000001a}.table-scroll{background:#fff;border:1px solid #e8eaf0;border-radius:8px;overflow-x:auto}.skill-table{border-collapse:collapse;white-space:nowrap;table-layout:fixed;width:100%;font-size:13px}.skill-table th,.skill-table td{width:72px}.skill-table thead tr{border-bottom:1px solid #e8eaf2}.skill-table th{text-align:center;color:#9098b8;white-space:nowrap;text-transform:uppercase;letter-spacing:.6px;padding:8px 10px;font-size:11px;font-weight:500}.skill-table th .th-inner{align-items:baseline;gap:3px;display:inline-flex}.skill-table th small{color:#b8bdd0;text-transform:none;letter-spacing:0;font-size:10px;font-weight:400}.skill-table td{text-align:center;border-bottom:1px solid #e8eaf2;padding:3px 12px}.th-skill,.td-skill{width:110px}.th-skill{text-align:center!important}.th-status{width:80px}.col-summary{width:52px}.td-skill{text-align:left!important}.th-skill{padding-left:28px}.td-skill{color:#1a1d2e;padding:3px 12px;font-family:CookieRun,Pretendard,sans-serif;font-size:13px;font-weight:600}.row-ok,.row-lack{background:#fff}.row-ok:hover td,.row-lack:hover td{background:#f7f8fc}.row-disabled .td-skill,.row-disabled .cselect__trigger,.row-disabled .total-val,.row-disabled .badge{opacity:.35}.skill-table th+th,.skill-table td+td{border-left:1px solid #e8eaf2}.group-start{border-left:1px solid #e8eaf2!important}.col-summary,.row-ok .col-summary,.row-lack .col-summary{background:0 0}select{appearance:none;color:#1a1d2e;cursor:pointer;text-align:left;background:#f4f5f8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23aab0c8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 6px center no-repeat;border:1px solid #e4e6ef;border-radius:6px;width:100%;padding:4px 22px 4px 6px;font-family:inherit;font-size:13px;transition:border-color .15s,background-color .15s}select:hover{background-color:#eceef4;border-color:#c8ccdc}select:focus{background-color:#fff;border-color:#1a1d2e;outline:none}.total-val{font-family:Roboto Mono,monospace;font-size:15px;font-weight:700}.total-ok{color:#3070d0}.total-lack{color:#c03030}.badge{text-align:center;white-space:nowrap;font-size:12px;font-weight:600;display:inline-block}.badge-ok{color:#2060c8;background:#e8f0fd;border:1px solid #c0d4f8;border-radius:5px;padding:2px 6px}.badge-lack{color:#c02828;background:#fdecea;border:1px solid #f5c0bc;border-radius:5px;padding:2px 6px}