@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Pretendard:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f6fa;--card:#fff;--ink:#202438;--muted:#858b9e;--line:#e5e7ef;--purple:#6e5cf6;--purple-dark:#5040cc;--soft:#eeecff;--mint:#ddf8ee;--orange:#fff0df;--radius:15px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,'Noto Sans KR',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{height:72px;display:flex;align-items:center;gap:30px;padding:0 34px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font-family:Outfit,Pretendard,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.06em;min-width:180px}.brand>span:nth-child(2)>span{color:var(--purple)}.brand small{font-family:Pretendard,sans-serif;color:#a6aab8;font-size:9px;letter-spacing:.11em;margin-left:1px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#23283b;color:#fff;font-size:16px;box-shadow:0 7px 16px #23283b24}.topbar nav{display:flex;gap:5px}.topbar nav a{padding:9px 13px;border-radius:9px;color:#7b8194;font-size:12px;font-weight:700}.topbar nav a:hover,.topbar nav a.active{background:var(--soft);color:var(--purple-dark)}.top-user{display:flex;align-items:center;gap:10px;margin-left:auto;color:#61677a;font-size:12px;font-weight:700}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e9e6ff;color:var(--purple-dark);font-size:11px;font-weight:800}.login-mini{padding:9px 13px;color:var(--purple-dark);background:#f7f5ff;border:1px solid #dbd7ff;border-radius:9px;font-size:11px}.page-shell{max-width:1370px;margin:0 auto;padding:46px 45px 70px}.login-layout{display:grid;grid-template-columns:1.1fr 420px;align-items:center;gap:100px;min-height:calc(100vh - 220px);max-width:1000px;margin:auto}.eyebrow,.card-kicker,.side-kicker{color:var(--purple);font-size:10px;font-weight:800;letter-spacing:.09em}.login-copy h1{margin:13px 0 15px;font-size:clamp(40px,6vw,63px);line-height:1.08;letter-spacing:-.085em}.login-copy h1 em,.headline-row h1 em,.admin-login h1 em{color:var(--purple);font-style:normal}.login-copy>p:not(.eyebrow){max-width:460px;margin:0;color:var(--muted);font-size:14px;line-height:1.8}.login-points{display:grid;gap:11px;margin-top:30px;color:#646a7d;font-size:12px;font-weight:600}.login-points span::first-letter{color:#20aa83}.login-card,.admin-login{padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 16px 42px #3337660c}.login-card h2{margin:10px 0 7px;font-size:22px;letter-spacing:-.06em}.login-card>p,.admin-login>p{margin:0 0 23px;color:var(--muted);font-size:12px;line-height:1.65}.login-card label,.admin-login label,.admin-form label{display:grid;gap:7px;margin-top:13px;color:#666c80;font-size:11px;font-weight:800}.login-card input,.admin-login input,.admin-form input,.admin-form select,.admin-form textarea,.search-form input{width:100%;padding:12px 12px;border:1px solid #dfe1eb;border-radius:9px;outline:0;background:#fbfbfd;color:#30354a;font-size:12px}.login-card input:focus,.admin-login input:focus,.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus,.search-form input:focus{border-color:#a79efb;box-shadow:0 0 0 3px #6e5cf616}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;font-size:12px;font-weight:800}.btn-primary{width:100%;padding:13px 15px;margin-top:19px;background:var(--purple);color:#fff;box-shadow:0 9px 18px #6e5cf638}.btn-primary:hover{background:var(--purple-dark);transform:translateY(-1px)}.btn-primary span{font-size:15px}.btn-secondary{padding:11px 14px;border:1px solid #dedbff;color:var(--purple-dark);background:#f7f5ff}.login-help{display:block;margin-top:19px;color:#a0a4b2;text-align:center;font-size:10px;line-height:1.6}.notice{margin:0 0 14px;padding:10px 12px;border-radius:9px;background:var(--mint);color:#287e67;font-size:11px;line-height:1.5}.notice.error{background:#fff0f3;color:#b04f61}.notice strong{margin-left:5px}.google-admin{display:block;margin-top:15px;color:#6c7183;text-align:center;font-size:11px;text-decoration:underline;text-underline-offset:3px}.dashboard-grid{display:grid;grid-template-columns:200px minmax(0,1fr) 246px;gap:30px;max-width:1250px;margin:0 auto}.side-panel{padding:6px 0}.side-panel h2{margin:12px 0 22px;font-size:21px;line-height:1.3;letter-spacing:-.07em}.student-badge{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff}.avatar.large{width:34px;height:34px}.student-badge strong,.student-badge span{display:block}.student-badge strong{font-size:11px}.student-badge div span{margin-top:3px;color:#9a9ead;font-size:9px;font-weight:500}.side-links{display:grid;gap:4px;margin-top:28px}.side-links a{display:flex;align-items:center;gap:8px;padding:10px;color:#7b8194;border-radius:9px;font-size:11px;font-weight:700}.side-links a:hover,.side-links a.active{background:var(--soft);color:var(--purple-dark)}.side-links b{margin-left:auto;font-size:10px;color:#9c9faf}.logout{display:inline-block;margin-top:28px;padding-left:10px;color:#a2a6b3;font-size:10px}.breadcrumb{color:#a0a4b2;font-size:10px;font-weight:700;margin-bottom:12px}.breadcrumb span{color:var(--purple)}.headline-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.headline-row h1{margin:0;font-size:36px;line-height:1.16;letter-spacing:-.08em}.headline-row p{max-width:490px;margin:11px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.headline-row .btn-primary{width:auto;margin:0;padding:12px 15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:30px}.stats>div{padding:16px 17px;border:1px solid var(--line);border-radius:13px;background:#fff}.stats span{display:block;color:#9095a6;font-size:10px;font-weight:700}.stats strong{display:flex;align-items:baseline;gap:4px;margin-top:10px;color:#2b3043;font-family:Outfit,Pretendard,sans-serif;font-size:25px;letter-spacing:-.04em}.stats small{color:#a4a8b5;font-family:Pretendard,sans-serif;font-size:10px;font-weight:600}.section-heading{margin-bottom:13px}.section-heading h2{margin:0;font-size:16px;letter-spacing:-.05em}.section-heading p{margin:5px 0 0;color:#9b9fad;font-size:10px}.submission-list{display:grid;gap:9px}.submission-card{display:grid;grid-template-columns:83px minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px 13px 11px 11px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:.18s}.submission-card:hover{border-color:#d9d5ff;box-shadow:0 9px 24px #443c8c0d;transform:translateY(-1px)}.preview{position:relative;display:grid;place-items:center;height:72px;border-radius:10px;color:#fff;font-size:22px}.preview small{position:absolute;bottom:8px;left:9px;opacity:.8;font-size:8px;font-weight:800;letter-spacing:.06em}.preview.purple{background:linear-gradient(145deg,#7c69f8,#4c3dc4)}.preview.mint{background:linear-gradient(145deg,#4ccaa6,#1a9779)}.preview.orange{background:linear-gradient(145deg,#f5b36d,#da8038)}.preview.blue{background:linear-gradient(145deg,#86acf2,#5278dc)}.submission-copy{min-width:0}.meta{display:flex;gap:6px;align-items:center;color:#9fa3b1;font-size:9px}.meta b{max-width:145px;overflow:hidden;color:#6c5be0;text-overflow:ellipsis;white-space:nowrap}.submission-copy h3{overflow:hidden;margin:7px 0 4px;color:#292e41;font-size:13px;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.submission-copy p{overflow:hidden;margin:0;color:#969baa;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.submission-actions{display:flex;align-items:flex-end;flex-direction:column;gap:10px}.submission-actions>a{color:#9ca1af;font-size:15px}.status,.pill{padding:5px 8px;border-radius:6px;font-size:9px;font-weight:800;white-space:nowrap}.status.review{color:#b46c2d;background:var(--orange)}.status.done,.pill.on{color:#178163;background:var(--mint)}.status.draft,.pill.off{color:#777d8d;background:#f0f1f5}.empty{padding:32px 20px;border:1px dashed #d9dbe5;border-radius:14px;text-align:center;color:#989dac}.empty>span{display:block;color:var(--purple);font-size:19px}.empty strong{display:block;margin-top:8px;color:#62687a;font-size:12px}.empty p{margin:6px 0 12px;font-size:10px}.empty a{color:var(--purple-dark);font-size:11px;font-weight:800}.upload-card{margin-top:25px;padding:20px;border:1px solid #ded9ff;border-radius:16px;background:linear-gradient(145deg,#fbfaff,#f1efff)}.upload-title{display:flex;justify-content:space-between;gap:20px}.upload-title h2{margin:8px 0 4px;color:#352f69;font-size:17px;letter-spacing:-.06em}.upload-title p{margin:0;color:#8985a1;font-size:10px}.upload-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e4e0ff;color:var(--purple);font-size:21px;font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}.form-grid label{display:grid;gap:7px;color:#6e7290;font-size:10px;font-weight:800}.form-grid label.wide{grid-column:1/-1}.form-grid textarea{min-height:70px;resize:vertical}.form-grid small{color:#a0a0b3;font-size:9px;font-weight:500}.file-input{padding:9px!important;background:#fff!important}.form-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px;color:#9694aa;font-size:9px}.form-foot .btn-primary{width:auto;margin:0}.right-panel{display:grid;align-content:start;gap:13px;padding-top:45px}.info-card{padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff}.info-card.highlight{border-color:#ded9ff;background:linear-gradient(145deg,#f6f4ff,#fff)}.info-card h3{margin:0 0 13px;font-size:12px;letter-spacing:-.03em}.info-card.highlight h3{color:var(--purple-dark)}.info-card ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}.info-card li{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:8px;color:#7e8393;font-size:10px}.info-card li b{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--soft);color:var(--purple-dark);font-size:9px}.deadline{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #f0f1f5}.deadline:last-child{border-bottom:0;padding-bottom:0}.deadline b,.deadline small{display:block}.deadline b{color:#5f6476;font-size:10px}.deadline small{margin-top:3px;color:#a1a5b2;font-size:9px}.deadline>strong{color:#d1813b;font-size:10px}.note-card span{color:#6e5cf6;font-size:9px;font-weight:800}.note-card p{margin:8px 0 0;color:#808498;font-size:10px;line-height:1.6}.admin-shell{max-width:1120px;margin:0 auto;padding:50px 35px 80px}.admin-login{max-width:450px;margin:8vh auto;text-align:left}.admin-login-mark{display:grid;place-items:center;width:43px;height:43px;margin-bottom:18px;border-radius:13px;background:#24283b;color:#fff;font-size:17px}.admin-login h1{margin:11px 0 13px;font-size:34px;line-height:1.15;letter-spacing:-.08em}.admin-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.admin-head h1{margin:10px 0 7px;font-size:34px;letter-spacing:-.08em}.admin-head p{margin:0;color:var(--muted);font-size:12px}.admin-columns{display:grid;grid-template-columns:310px minmax(0,1fr);align-items:start;gap:18px}.admin-card{padding:19px;border:1px solid var(--line);border-radius:15px;background:#fff}.card-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:14px}.card-heading h2{margin:0;font-size:15px;letter-spacing:-.05em}.card-heading h2 span{color:var(--purple);font-size:12px}.card-heading p{margin:5px 0 0;color:#9a9ead;font-size:10px}.card-heading>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--soft);color:var(--purple);font-size:17px}.admin-form .btn-primary{margin-top:18px}.search-form{display:flex;gap:5px}.search-form input{width:150px;padding:8px;font-size:10px}.search-form button,.row-actions button{border:1px solid var(--line);border-radius:7px;background:#fafbfe;color:#72788a;font-size:10px;font-weight:700}.search-form button{padding:0 9px}.student-table{border-top:1px solid var(--line)}.table-row{display:grid;grid-template-columns:minmax(155px,1fr) 90px 54px 138px;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #f0f1f5;color:#767c8e;font-size:10px}.table-header{padding:9px 0;color:#9a9eac;font-size:9px;font-weight:800}.table-row b,.table-row small{display:block}.table-row b{color:#4e5365;font-size:11px}.table-row small{margin-top:4px;color:#a1a5b2;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-actions{display:flex;gap:5px}.row-actions button{padding:6px 7px}.table-empty{padding:26px 0;color:#9fa3b0;text-align:center;font-size:11px}footer{display:flex;justify-content:space-between;gap:20px;padding:17px 35px;border-top:1px solid var(--line);color:#9ca1af;font-size:9px;letter-spacing:.03em}footer span:first-child{color:#656a7c;font-weight:800}
@media(max-width:1050px){.login-layout{gap:45px}.dashboard-grid{grid-template-columns:180px minmax(0,1fr)}.right-panel{display:none}.page-shell{padding-right:25px;padding-left:25px}.admin-columns{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:760px){.topbar{height:64px;padding:0 16px}.topbar nav{display:none}.brand{min-width:0}.brand small{display:none}.page-shell{padding:30px 16px 50px}.login-layout{display:block;min-height:auto;margin-top:25px}.login-copy h1{font-size:42px}.login-card{margin-top:32px;padding:23px}.dashboard-grid{display:block}.side-panel{padding:0;margin-bottom:26px}.side-panel h2{font-size:27px}.side-links{display:flex;overflow:auto;margin-top:17px}.side-links a{white-space:nowrap}.logout{margin-top:11px}.headline-row{align-items:flex-start;flex-direction:column}.headline-row h1{font-size:33px}.headline-row .btn-primary{width:100%}.stats{gap:6px}.stats>div{padding:13px 10px}.stats strong{font-size:22px}.submission-card{grid-template-columns:62px minmax(0,1fr);gap:10px;padding-right:11px}.preview{height:62px}.submission-actions{grid-column:2;align-items:center;flex-direction:row;justify-content:space-between}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.form-foot{align-items:flex-start;flex-direction:column}.form-foot .btn-primary{width:100%}.admin-shell{padding:30px 16px 55px}.admin-head{align-items:flex-start;flex-direction:column}.admin-head h1{font-size:30px}.admin-columns{grid-template-columns:1fr}.directory{overflow:hidden}.search-form input{width:120px}.table-row{grid-template-columns:minmax(120px,1fr) 65px 42px;gap:5px}.table-row>span:last-child{grid-column:1/-1}.row-actions{padding-top:4px}.admin-login{margin:6vh auto;padding:23px}.admin-login h1{font-size:30px}footer{padding:16px;flex-direction:column;gap:6px}}