@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans KR',system-ui,sans-serif;color:#14233b;background:#f3f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:#245cbd}.shell{min-height:100vh;display:flex}.sidebar{width:258px;background:#0d2448;color:white;padding:27px 18px;flex-shrink:0}.brand{padding:2px 12px 29px}.brand small{display:block;font-weight:800;letter-spacing:2.6px;color:#89b9ff;font-size:11px}.brand strong{display:block;font-size:20px;line-height:1.4;margin-top:7px}.nav{display:block;width:100%;padding:14px 15px;margin:5px 0;background:transparent;border:0;color:#b5c9e7;border-radius:12px;text-align:left;font-weight:600}.nav.active,.nav:hover{background:#224476;color:#fff}.sidebar-bottom{font-size:12px;color:#9ab0cf;margin:35px 12px;line-height:1.8}.main{flex:1;min-width:0}.topbar{height:75px;background:white;border-bottom:1px solid #e6ebf3;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.topbar .user{color:#49607e;font-size:13px}.content{padding:35px;max-width:1250px;margin:auto}.eyebrow{font-size:12px;color:#2665b5;font-weight:800;letter-spacing:1.3px}.heading{font-size:28px;letter-spacing:-.8px;margin:7px 0}.sub{color:#748399;font-size:14px;margin:4px 0 25px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0 25px}.card,.panel{background:white;border:1px solid #e3eaf4;border-radius:16px;box-shadow:0 6px 24px #132a4d08}.card{padding:22px}.card .value{font-size:31px;font-weight:800;display:block;margin:8px 0}.card small{color:#71829a}.panel{padding:26px;margin-bottom:18px}.panel h2{font-size:18px;margin:0 0 17px}.panel h3{font-size:15px;margin:24px 0 12px}.note{background:#eaf3ff;color:#235293;padding:13px 16px;border-radius:10px;font-size:13px;line-height:1.8;margin-bottom:20px}.notice-warning{background:#fff6df;color:#79520d}.field{margin:15px 0}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:8px;color:#304365}.field input,.field textarea,.field select,.search{width:100%;padding:12px 13px;border:1px solid #d7e1ee;border-radius:9px;background:#fff;color:#152743;outline:none}.field textarea{min-height:98px;resize:vertical;line-height:1.7}.field input:focus,.field textarea:focus,.field select:focus{border-color:#3379d9;box-shadow:0 0 0 3px #3379d918}.field input:disabled,.field textarea:disabled,.field select:disabled{background:#f2f5f9;color:#66758a}.fields2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.btn{border:0;border-radius:10px;padding:12px 18px;background:#1f5fb5;color:white;font-weight:700}.btn:hover{background:#174c94}.btn.secondary{background:#eef3fa;color:#254c7c}.btn.warn{background:#c17221}.btn:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:23px}.status{font-size:12px;color:#6b7b95}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{border-radius:40px;background:#ebf2fb;color:#23518a;font-size:12px;font-weight:700;padding:7px 10px}.pill.green{background:#dff6ee;color:#167a59}.pill.gray{background:#edf0f5;color:#647187}.pill.amber{background:#fff0d9;color:#95611e}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid #e9eef6;white-space:nowrap}th{background:#f7f9fd;color:#586d89}tr.clickable{cursor:pointer}tr.clickable:hover{background:#f2f7ff}.options{display:flex;gap:10px;flex-wrap:wrap}.choice{display:inline-flex;gap:7px;align-items:center;padding:10px 13px;border-radius:9px;border:1px solid #dce5f0;background:white;font-size:13px}.score-total{padding:16px;background:#e8f1ff;border-radius:12px;color:#144c94;font-size:22px;font-weight:800;text-align:right}.split{display:grid;grid-template-columns:275px 1fr;gap:20px}.student-list{display:flex;flex-direction:column;gap:7px}.student-item{border:1px solid #e4eaf3;border-radius:10px;padding:12px;text-align:left;background:white;color:#334865}.student-item.selected{background:#eaf3ff;border-color:#8cbcf4;color:#0c59ac;font-weight:800}.tag{font-size:11px;color:#8799ad}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,#1d5599,transparent 45%),#091f42}.auth-box{background:#fff;padding:43px;width:100%;max-width:455px;border-radius:22px;box-shadow:0 30px 80px #050f2555}.auth-box h1{font-size:29px;letter-spacing:-1px;margin:12px 0}.auth-box p{font-size:14px;color:#6f7c91;line-height:1.9}.auth-box .btn{width:100%}.loading{padding:40px;text-align:center}.help{font-size:12px;color:#8693a4;line-height:1.8}.divider{height:1px;background:#e7edf5;margin:22px 0}.checkline{display:flex;gap:9px;align-items:center;padding:10px 0;font-size:13px}.progress{height:8px;background:#e5ecf6;border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:#2c78c6}.logout{background:transparent;border:1px solid #c4d2e6;color:#44658e;border-radius:9px;padding:8px 12px}.empty{padding:40px;text-align:center;color:#8794a7}.mobile-top{display:none}.toast{position:fixed;bottom:25px;right:25px;background:#142b4d;color:#fff;border-radius:12px;padding:13px 20px;box-shadow:0 9px 30px #1115;z-index:5;font-size:13px;max-width:350px}@media(max-width:950px){.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.student-list{flex-direction:row;overflow-x:auto}.student-item{min-width:130px}}@media(max-width:690px){.shell{display:block}.sidebar{width:100%;padding:12px}.brand{padding:4px 8px 10px}.brand strong{font-size:16px}.sidebar-bottom{display:none}.nav-list{display:flex;overflow-x:auto;gap:5px}.nav{white-space:nowrap;width:auto;font-size:12px;padding:10px}.topbar{height:55px;padding:0 18px}.content{padding:22px 14px}.heading{font-size:23px}.panel{padding:18px}.fields2{grid-template-columns:1fr;gap:0}.cards{gap:9px}.card{padding:14px}.card .value{font-size:24px}.auth-box{padding:28px}}