*{box-sizing:border-box}html,body{height:100%}body{color:#333c4d;background:#eef1f4;margin:0;font-family:Malgun Gothic,Apple SD Gothic Neo,Segoe UI,sans-serif}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}table{border-collapse:collapse;width:100%}.app-shell{grid-template-rows:64px 1fr;grid-template-columns:230px 1fr;min-height:100vh;display:grid}.sidebar-logo{color:#fff;background:#223247;border-bottom:1px solid #1a2636;border-right:1px solid #1a2636;flex-direction:column;grid-area:1/1;justify-content:center;padding:0 20px;display:flex}.sidebar-logo__title{font-size:16px;font-weight:700}.sidebar-logo__user{color:#9aa5b8;margin-top:4px;font-size:12px}.top-nav{background:#e6f5f1;border-bottom:1px solid #d3e9e2;grid-area:1/2;align-items:stretch;display:flex}.top-nav__tab{color:#566;white-space:nowrap;align-items:center;padding:0 20px;font-size:14px;font-weight:600;display:flex}.top-nav__tab.is-active{color:#fff;background:#18b394}.sidebar-menu{background:#223247;grid-area:2/1;overflow-y:auto}.sidebar-menu ul{margin:0;padding:12px 0;list-style:none}.sidebar-menu__button{color:#cdd4e0;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:13px 20px;font-size:14px;display:flex}.sidebar-menu__button:hover{background:#2c3d54}.sidebar-menu__icon{color:#8b95ab;flex-shrink:0}.sidebar-menu__chevron{color:#8b95ab;margin-left:auto}.sidebar-menu__submenu{background:#1a2636;margin:0;padding:4px 0 8px;list-style:none}.sidebar-menu__sublink{color:#aab3c5;padding:10px 20px 10px 47px;font-size:13px;display:block}.sidebar-menu__sublink:hover,.sidebar-menu__sublink.is-active{color:#fff;background:#18b394}.content-area{flex-direction:column;grid-area:2/2;min-width:0;display:flex}.sub-header{background:#fff;border-bottom:1px solid #e3e6ea;flex-shrink:0;align-items:center;gap:10px;height:52px;padding:0 16px;display:flex}.sub-header__menu-btn{color:#4a5568;background:0 0;border:none;align-items:center;display:flex}.sub-header__spacer{flex:1}.sub-header__action{color:#4a5568;background:#fff;border:1px solid #d8dde5;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.sub-header__action:hover{background:#f4f6f8}.sub-header__action--logout{color:#e2536b;border-color:#f3c6cd}.sub-header__toggle{color:#4a5568;align-items:center;gap:6px;font-size:13px;display:flex}.toggle-switch{background:#c7ccd4;border-radius:12px;align-items:center;width:52px;height:24px;padding:2px;transition:background .15s;display:inline-flex;position:relative}.toggle-switch.is-on{background:#18b394}.toggle-switch__label{color:#fff;font-size:10px;font-weight:700;position:absolute;left:8px}.toggle-switch.is-on .toggle-switch__label{left:auto;right:8px}.toggle-switch__knob{background:#fff;border-radius:50%;width:20px;height:20px;margin-left:0;transition:margin-left .15s;box-shadow:0 1px 2px #0000004d}.toggle-switch.is-on .toggle-switch__knob{margin-left:28px}.main-content{flex:1;padding:20px 24px 40px;overflow-y:auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.page-header__title{color:#1f2733;margin:0;font-size:30px;font-weight:700}.page-header__breadcrumb{color:#8a94a6;margin-top:4px;font-size:12px}.page-header__badges{flex-wrap:wrap;gap:8px;display:flex}.badge{color:#fff;white-space:nowrap;border-radius:14px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge--outline{color:#4a5568;background:#eef1f4;border:1px solid #d8dde5}.badge--outline.badge--danger{color:#e2536b;border-color:#f3c6cd}.badge--gray{background:#8a94a6}.badge--blue{background:#4a90d9}.badge--green{background:#3cb878}.badge--orange{background:#f5a623}.badge--red{background:#ee5a75}.search-bar{align-items:center;gap:12px;margin-bottom:12px;display:flex}.search-bar__label{color:#fff;white-space:nowrap;background:#18b394;border-radius:4px 0 0 4px;padding:12px 16px;font-size:13px;font-weight:700}.search-bar__input{border:1px solid #d8dde5;border-left:none;border-radius:0 4px 4px 0;flex:1;height:44px;margin-left:-12px;padding:0 14px;font-size:13px}.search-bar__label--period{background:#4a5568;border-radius:4px 0 0 4px}.search-bar__select{background:#fff;border:1px solid #d8dde5;border-left:none;border-radius:0 4px 4px 0;height:44px;margin-left:-12px;padding:0 10px;font-size:13px}.search-bar__submit{color:#fff;background:#18b394;border:none;border-radius:4px;justify-content:center;align-items:center;width:48px;height:44px;display:flex}.search-bar__highlight{color:#fff;white-space:nowrap;background:#ee5a75;border:none;border-radius:4px;height:44px;padding:0 20px;font-size:14px;font-weight:700}.notice-bar{background:#e6f5f1;border:1px solid #cdeadc;border-radius:4px;align-items:center;gap:12px;margin-bottom:20px;padding:10px 14px;font-size:13px;display:flex}.notice-bar__tag{color:#fff;white-space:nowrap;background:#18b394;border-radius:3px;padding:4px 10px;font-weight:700}.notice-bar__text{color:#3a4556}.panel{background:#fff;border:1px solid #e5e8ec;border-radius:6px;margin-bottom:20px;padding:24px}.panel--empty{text-align:center;color:#8a94a6;padding:60px 20px}.panel__meta{margin-top:8px;font-size:13px}.panel__title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.panel__title{color:#1f2733;margin:0;font-size:20px;font-weight:700}.panel__subtitle{color:#1f2733;margin:24px 0 10px;font-size:15px;font-weight:700}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:720px;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.form-field--full{grid-column:1/-1}.form-field label{color:#4a5568;font-size:13px;font-weight:700}.form-field input,.form-field select,.form-field textarea{border:1px solid #d8dde5;border-radius:4px;padding:10px 12px;font-family:inherit;font-size:13px}.form-actions{grid-column:1/-1;gap:10px;margin-top:8px;display:flex}.btn{color:#fff;background:#8a94a6;border:none;border-radius:4px;padding:10px 20px;font-size:13px;font-weight:700}.btn--primary{background:#18b394}.btn--danger{background:#ee5a75}.btn--outline{color:#4a5568;background:#fff;border:1px solid #d8dde5}.form-error{color:#ee5a75;margin-top:8px;font-size:13px}.cert-filter-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.cert-filter-row select,.cert-filter-row input[type=text],.cert-filter-row input:not([type]){border:1px solid #d8dde5;border-radius:4px;padding:9px 12px;font-family:inherit;font-size:13px}.cert-radio-group{color:#4a5568;flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.cert-radio-group label{align-items:center;gap:4px;display:inline-flex}.cert-notice{text-align:center;color:#c23652;background:#fdeef1;border:1px solid #f4c7d1;border-radius:4px;padding:14px 16px;font-size:13px}.cert-notice strong{margin-bottom:6px;display:block}.cert-notice p{margin:4px 0 0}.cert-issue-form{background:#f4f6f8;border:1px solid #e5e8ec;border-radius:4px;align-items:center;gap:10px;margin-bottom:16px;padding:14px;display:flex}.subtabs{border-bottom:1px solid #e5e8ec;align-items:center;gap:24px;margin-bottom:20px;display:flex}.subtabs__tab{color:#8a94a6;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 2px;font-size:14px;font-weight:600}.subtabs__tab.is-active{color:#1f2733;border-bottom-color:#18b394}.subtabs__year-select{border:1px solid #d8dde5;border-radius:4px;margin-left:4px;padding:5px 8px;font-size:13px}.subtabs__spacer{flex:1}.data-table{font-size:13px}.data-table th{color:#4a5568;text-align:center;white-space:nowrap;background:#f4f6f8;border-top:1px solid #e5e8ec;border-bottom:1px solid #e5e8ec;padding:10px 12px;font-weight:700}.data-table td{text-align:center;color:#3a4556;border-bottom:1px solid #eef0f3;padding:12px}.data-table--board th,.data-table--board td{text-align:left}.data-table--board th:nth-child(2),.data-table--board td:nth-child(2),.data-table--board th:nth-child(3),.data-table--board td:nth-child(3){text-align:center;white-space:nowrap}.course-cell{text-align:left;position:relative}.link-cell{color:#1c8fd6}.link-cell:hover{text-decoration:underline}.new-badge{color:#fff;vertical-align:middle;background:#ff7043;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;margin-left:4px;font-size:10px;font-weight:700;display:inline-flex}.pagination{justify-content:center;gap:4px;margin-top:20px;display:flex}.pagination button{color:#4a5568;background:#fff;border:1px solid #e0e3e8;border-radius:3px;min-width:30px;height:30px;font-size:13px}.pagination button.is-active{color:#fff;background:#18b394;border-color:#18b394}.pagination button:disabled{color:#c3c9d1;cursor:not-allowed}.boards{grid-template-columns:1fr 1fr;gap:20px;display:grid}.board{background:#fff;border:1px solid #e5e8ec;border-radius:6px;padding:18px 20px}.board__title{color:#1f2733;margin:0 0 12px;font-size:15px;font-weight:700}@media (max-width:900px){.app-shell{grid-template-rows:auto auto 1fr;grid-template-columns:1fr}.sidebar-logo,.sidebar-menu{grid-column:1}.top-nav{grid-area:2/1;overflow-x:auto}.content-area{grid-area:3/1}.boards,.form-grid{grid-template-columns:1fr}}.login-page{background:#223247 radial-gradient(circle at 50% 0,#2c3c53 0%,#1a2536 70%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:10px;width:100%;max-width:380px;padding:40px 36px 32px;box-shadow:0 20px 50px #00000059}.login-card__brand{text-align:center;margin-bottom:28px}.login-card__brand-badge{color:#fff;background:#18b394;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;font-size:20px;font-weight:800;display:inline-flex}.login-card__brand-title{color:#223247;font-size:20px;font-weight:800}.login-card__brand-sub{color:#8a94a6;margin-top:6px;font-size:13px}.login-form{flex-direction:column;gap:16px;display:flex}.login-field label{color:#4a5568;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.login-field input{box-sizing:border-box;border:1px solid #d8dde5;border-radius:4px;width:100%;padding:11px 12px;font-family:inherit;font-size:14px}.login-field input:focus{border-color:#18b394;outline:none}.login-options{justify-content:space-between;align-items:center;display:flex}.login-remember{color:#4a5568;align-items:center;gap:6px;font-size:13px;display:flex}.login-submit{color:#fff;background:#18b394;border:none;border-radius:4px;width:100%;padding:12px;font-size:15px;font-weight:700}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-hint{color:#6b7684;background:#f4f6f8;border:1px solid #e5e8ec;border-radius:4px;margin-top:24px;padding:12px 14px;font-size:12px;line-height:1.7}.login-hint b{color:#4a5568}