:root{--ad-navy:#071a45;--ad-blue:#245edb;--ad-bg:#f3f6fa;--ad-line:#e2e7ef;--ad-muted:#728096}.student-admin{color:#101d3a;background:var(--ad-bg);letter-spacing:-.025em;grid-template-columns:230px 1fr;min-height:100vh;font-family:Arial,Noto Sans KR,sans-serif;display:grid}.admin-side{color:#fff;background:var(--ad-navy);flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.admin-logo{color:#fff;align-items:center;gap:11px;text-decoration:none;display:flex}.admin-logo>span{background:var(--ad-blue);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.admin-logo b{font-size:14px;line-height:1.15}.admin-logo small{color:#7fa6f7;letter-spacing:.12em;font-size:7px}.admin-side nav{gap:8px;margin-top:60px;display:grid}.admin-side nav a{color:#91a4ca;border-radius:10px;padding:13px 14px;font-size:12px;font-weight:800;text-decoration:none}.admin-side nav a.active{color:#fff;background:#ffffff1a}.admin-side-foot{border-top:1px solid #ffffff1a;grid-template-columns:8px 1fr;gap:3px 8px;margin-top:auto;padding:16px;display:grid}.admin-side-foot i{background:#3bd39c;border-radius:50%;width:7px;height:7px;margin-top:4px}.admin-side-foot span{font-size:10px;font-weight:800}.admin-side-foot small{color:#7487af;grid-column:2;font-size:8px}.admin-workspace{padding:40px max(26px,50vw - 725px)}.admin-workspace>header{justify-content:space-between;align-items:end;display:flex}.admin-workspace>header p,.card-head p,.teacher-preview p{color:var(--ad-blue);letter-spacing:.15em;margin:0 0 7px;font-size:8px;font-weight:900}.admin-workspace h1{margin:0;font-size:31px}.admin-workspace>header button,.student-title>button{color:#fff;background:var(--ad-blue);cursor:pointer;border:0;border-radius:10px;padding:13px 18px;font-size:11px;font-weight:850}.admin-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px;display:grid}.admin-summary article{border:1px solid var(--ad-line);background:#fff;border-radius:16px;padding:22px}.admin-summary span{color:var(--ad-muted);font-size:10px;display:block}.admin-summary b{margin-top:16px;font-size:27px;display:inline-block}.admin-summary small{color:#8792a4;margin-left:3px;font-size:10px}.admin-grid{grid-template-columns:340px 1fr;gap:14px;margin-top:16px;display:grid}.student-list-card,.student-detail-card{border:1px solid var(--ad-line);background:#fff;border-radius:18px}.student-list-card{padding:22px}.card-head{justify-content:space-between;align-items:center;display:flex}.card-head h2{margin:0;font-size:18px}.card-head input{border:1px solid var(--ad-line);border-radius:9px;width:116px;height:36px;padding:0 11px;font-size:10px}.student-list{gap:8px;margin-top:20px;display:grid}.student-list>button{text-align:left;cursor:pointer;background:#f7f9fc;border:1px solid #0000;border-radius:12px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;width:100%;padding:13px;display:grid}.student-list>button.selected{background:#eef4ff;border-color:#bfd0f5}.student-list>button>span,.avatar{color:#fff;background:var(--ad-blue);border-radius:11px;place-items:center;font-weight:900;display:grid}.student-list>button>span{width:38px;height:38px}.student-list b,.student-list small{display:block}.student-list b{font-size:12px}.student-list small{color:#7b879a;margin-top:4px;font-size:9px}.student-list em{color:#ba5a2d;background:#fff0e8;border-radius:12px;padding:5px 7px;font-size:8px;font-style:normal;font-weight:800}.student-list em.good{color:#118461;background:#e5f8f1}.student-detail-card{padding:28px}.student-title{border-bottom:1px solid var(--ad-line);grid-template-columns:55px 1fr auto;align-items:center;gap:14px;padding-bottom:25px;display:grid}.avatar{width:55px;height:55px;font-size:20px}.student-title p{color:#7d899b;margin:0;font-size:9px}.student-title h2{margin:4px 0;font-size:22px}.student-title span{color:var(--ad-blue);font-size:10px;font-weight:800}.progress-list{grid-template-columns:1fr 1fr;gap:20px 28px;margin-top:25px;display:grid}.progress-list>div>div{grid-template-columns:1fr auto auto;align-items:center;gap:10px;display:grid}.progress-list b{font-size:11px}.progress-list span{color:#6c7890;background:#f0f3f7;border-radius:10px;padding:4px 7px;font-size:8px}.progress-list strong{font-size:11px}.progress-list i{background:#edf0f5;border-radius:8px;height:7px;margin-top:9px;display:block;overflow:hidden}.progress-list em{border-radius:inherit;background:linear-gradient(90deg,var(--ad-blue),#6594f0);height:100%;display:block}.teacher-preview{color:#fff;background:var(--ad-navy);border-radius:14px;margin-top:28px;padding:20px}.teacher-preview p{color:#75a2ff}.teacher-preview b,.teacher-preview span{display:block}.teacher-preview b{font-size:12px}.teacher-preview span{color:#c3cee3;margin-top:10px;font-size:10px;line-height:1.75}.teacher-preview button{color:#79a5ff;cursor:pointer;background:0 0;border:0;margin-top:14px;padding:0;font-size:9px;font-weight:850}@media (max-width:850px){.student-admin{grid-template-columns:1fr}.admin-side{flex-direction:row;align-items:center;height:auto;padding:16px 18px;position:static}.admin-side nav,.admin-side-foot{display:none}.admin-workspace{padding:24px 16px}.admin-summary{grid-template-columns:repeat(2,1fr)}.admin-grid,.progress-list{grid-template-columns:1fr}}@media (max-width:480px){.admin-workspace>header{align-items:flex-start}.admin-workspace h1{font-size:25px}.admin-summary article{padding:17px}.student-detail-card{padding:20px}.student-title{grid-template-columns:48px 1fr}.avatar{width:48px;height:48px}.student-title>button{grid-column:1/-1}.progress-list{grid-template-columns:1fr}}
.admin-notice{color:#244c9d;background:#edf4ff;border:1px solid #bed1f8;border-radius:11px;justify-content:space-between;align-items:center;margin-top:20px;padding:13px 16px;font-size:11px;font-weight:750;display:flex}.admin-notice button{color:#5f77a5;cursor:pointer;background:0 0;border:0;font-size:18px}.empty-admin,.empty-detail{text-align:center;color:#8792a4;margin:28px 0;padding:35px 10px;font-size:11px;line-height:1.7}.empty-detail{border:1px dashed #dce3ed;border-radius:13px;margin-top:25px}.latest-note{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;display:grid}.latest-note>div{background:#f5f7fa;border-radius:12px;padding:16px}.latest-note b{font-size:10px}.latest-note p{color:#69768a;margin:7px 0 0;font-size:10px;line-height:1.6}.message-center{border:1px solid var(--ad-line);background:#fff;border-radius:18px;margin-top:16px;padding:28px}.message-heading{justify-content:space-between;align-items:end;display:flex}.message-heading p{color:var(--ad-blue);letter-spacing:.14em;margin:0 0 6px;font-size:8px;font-weight:900}.message-heading h2{margin:0;font-size:22px}.message-heading small{color:#8792a4;margin-top:7px;font-size:9px;display:block}.channel-tabs{background:#eff2f6;border-radius:10px;padding:4px;display:flex}.channel-tabs button{color:#778397;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 13px;font-size:9px;font-weight:850}.channel-tabs button.active{color:#fff;background:var(--ad-blue)}.message-layout{grid-template-columns:280px 1fr;gap:18px;margin-top:24px;display:grid}.template-help{color:#fff;background:var(--ad-navy);border-radius:13px;padding:20px}.template-help>b{font-size:11px}.template-help p{flex-wrap:wrap;gap:6px;display:flex}.template-help code{color:#b9cefa;background:#ffffff14;border-radius:6px;padding:5px 7px;font-family:inherit;font-size:8px}.template-help small{color:#8fa2c8;font-size:8px;line-height:1.6}.message-editor{gap:12px;display:grid}.message-editor label{gap:7px;display:grid}.message-editor label span,.modal-fields label>span{font-size:9px;font-weight:850}.message-editor input,.message-editor textarea,.modal-fields input,.modal-fields select,.modal-fields textarea{color:#1c2944;background:#fbfcfd;border:1px solid #dfe5ed;border-radius:9px;outline:none;width:100%;padding:11px 12px;font-family:inherit;font-size:11px}.message-editor textarea{resize:vertical;line-height:1.65}.message-editor>div{justify-content:flex-end;gap:8px;display:flex}.message-editor button{cursor:pointer;border-radius:9px;padding:12px 16px;font-size:10px;font-weight:850}.save-template{color:#526078;background:#fff;border:1px solid #dce3ec}.send-message{color:#fff;background:var(--ad-blue);border:0}.send-message:disabled{opacity:.45;cursor:not-allowed}.admin-modal{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040f28b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-modal>form{background:#fff;border-radius:20px;width:min(580px,100%);max-height:calc(100vh - 40px);padding:30px;position:relative;overflow:auto;box-shadow:0 30px 90px #00000040}.admin-modal form>p{color:var(--ad-blue);letter-spacing:.14em;margin:0 0 6px;font-size:8px;font-weight:900}.admin-modal form>h2{margin:0;font-size:25px}.modal-close{color:#68768c;cursor:pointer;background:#fff;border:1px solid #dfe5ed;border-radius:50%;width:34px;height:34px;font-size:20px;position:absolute;top:20px;right:20px}.modal-fields{grid-template-columns:1fr 1fr;gap:15px 12px;margin-top:24px;display:grid}.modal-fields label{gap:7px;display:grid}.modal-fields label>span b{float:right;color:var(--ad-blue)}.modal-fields .wide{grid-column:1/-1}.modal-fields input[type=range]{accent-color:var(--ad-blue);border:0;padding:0}.modal-submit{color:#fff;background:var(--ad-blue);cursor:pointer;border:0;border-radius:10px;width:100%;height:48px;margin-top:20px;font-weight:850}.record-modal{width:min(700px,100%)!important}@media (max-width:850px){.message-layout,.latest-note{grid-template-columns:1fr}}@media (max-width:560px){.message-heading{flex-direction:column;align-items:flex-start;gap:18px}.channel-tabs{width:100%}.channel-tabs button{flex:1}.modal-fields{grid-template-columns:1fr}.modal-fields .wide{grid-column:1}.message-editor>div{flex-direction:column}.message-editor button{width:100%}}
.admin-modal .modal-fields label:nth-of-type(6)>span{font-size:0}.admin-modal .modal-fields label:nth-of-type(6)>span:after{content:"학생 연락처 뒷번호 4자리";font-size:9px}.admin-gate{background:radial-gradient(circle at 15% 10%,#dcecff 0,#0000 35%),linear-gradient(145deg,#f4f8fd,#e7eef8);place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login-card{color:#14233d;background:#fff;border:1px solid #dbe5f1;border-radius:28px;width:min(460px,100%);padding:44px;box-shadow:0 28px 70px #18345b29}.admin-login-brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.admin-login-brand span{color:#fff;background:#0e3d91;border-radius:13px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.admin-login-card>p{color:#16785c;letter-spacing:.15em;margin:34px 0 7px;font-size:11px;font-weight:900}.admin-login-card h1{letter-spacing:-.05em;margin:0 0 10px;font-size:34px}.admin-login-card>small{color:#718096;line-height:1.6;display:block}.admin-login-card label{gap:8px;margin-top:28px;font-size:12px;font-weight:900;display:grid}.admin-login-card input{letter-spacing:.3em;border:1px solid #cbd8e8;border-radius:13px;outline:none;height:54px;padding:0 16px;font-size:20px}.admin-login-card input:focus{border-color:#0e3d91;box-shadow:0 0 0 4px #0e3d9115}.admin-login-card>button{color:#fff;cursor:pointer;background:#0e3d91;border:0;border-radius:13px;width:100%;height:54px;margin-top:16px;font-weight:900}.admin-login-card>button:disabled{opacity:.5}.admin-login-error{color:#a52b2b;background:#fff0f0;border-radius:10px;margin-top:12px;padding:11px;font-size:12px}.admin-login-back{color:#61718a;text-align:center;margin-top:20px;font-size:12px;text-decoration:none;display:block}@media (max-width:520px){.admin-login-card{border-radius:22px;padding:30px 22px}}
.admin-practice-login{color:#0e3d91;background:#f4f8ff;border:1px solid #0e3d91;border-radius:13px;place-items:center;width:100%;height:52px;margin-top:10px;font-size:13px;font-weight:900;text-decoration:none;display:grid}
.awa-shell{color:#17253b;max-width:1420px;margin:28px auto 70px;padding:0 22px}.awa-head{color:#fff;background:#14233d;border-radius:22px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:25px 28px;display:flex}.awa-head span{letter-spacing:.15em;color:#6ee7c0;font-size:11px;font-weight:900}.awa-head h2{margin:4px 0}.awa-head p{color:#b8c5d8;margin:0}.awa-head select{border:0;border-radius:12px;min-width:230px;padding:12px}.awa-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.awa-grid article{background:#fff;border:1px solid #dde5ef;border-radius:20px;grid-template-columns:220px 1fr;display:grid;overflow:hidden;box-shadow:0 12px 32px #132a4a10}.awa-grid img{object-fit:cover;background:#edf2f7;width:100%;height:100%;min-height:420px}.awa-body{padding:20px}.awa-body>div{justify-content:space-between;display:flex}.awa-body h3{margin:8px 0}.awa-body em{color:#1554a4;background:#edf3ff;border-radius:999px;padding:5px 9px;font-size:12px;font-style:normal}.awa-body dl{grid-template-columns:80px 1fr;gap:7px;margin:16px 0;display:grid}.awa-body dt{font-weight:900}.awa-body dd{color:#5c6b7e;margin:0}.awa-body label{flex-direction:column;gap:7px;font-weight:900;display:flex}.awa-body textarea{resize:vertical;border:1px solid #cad5e3;border-radius:10px;min-height:95px;padding:10px}.awa-body button{color:#fff;background:#16785c;border:0;border-radius:10px;margin-top:10px;padding:11px 16px;font-weight:900}.awa-empty{text-align:center;background:#fff;border-radius:18px;grid-column:1/-1;padding:40px}@media (max-width:1000px){.awa-grid{grid-template-columns:1fr}}@media (max-width:650px){.awa-head{flex-direction:column;align-items:flex-start}.awa-grid article{grid-template-columns:1fr}.awa-grid img{height:280px;min-height:0}.awa-head select{width:100%}}
.awa-body textarea{line-height:1.55;min-height:260px!important;padding:12px!important}.awa-actions{grid-template-columns:1.2fr .8fr 1fr;gap:7px;display:grid!important}.awa-actions .generate{background:#245edb}.awa-actions .copy{background:#596a80}.awa-notice{color:#16785c;background:#edf8f3;border-radius:10px;margin:0 0 14px;padding:12px 16px;font-weight:800}.awa-actions button{cursor:pointer}@media (max-width:650px){.awa-actions{grid-template-columns:1fr!important}}
.awa-head select{border:2px solid #6ee7c7;border-radius:11px;min-width:280px;padding:13px 42px 13px 15px;font-size:15px;font-weight:900;color:#10294d!important;background:#fff!important}.awa-body>div:first-child b{color:#123f22;font-size:20px;font-weight:900}.awa-body>div:first-child span{color:#236d3c;background:#e7f5e8;border-radius:12px;padding:4px 9px;font-weight:800}@media (max-width:650px){.awa-head select{width:100%;min-width:0}}
.awa-homework-style{box-sizing:border-box;color:#173220!important;background:#fff!important;border:1px solid #d6e7d2!important;border-radius:24px!important;width:min(1260px,100% - 32px)!important;margin:32px auto!important;padding:30px!important}.awa-dashboard-head{justify-content:space-between;align-items:center;gap:24px;display:flex;background:0 0!important;padding:0!important}.awa-dashboard-head span{color:#2f8244;letter-spacing:.12em;font-size:11px;font-weight:900}.awa-dashboard-head h2{margin:7px 0;font-size:28px;color:#173220!important}.awa-dashboard-head p{margin:0;color:#667768!important}.awa-dashboard-head>button{text-align:left;color:#27753b;background:#f0faee;border:1px solid #b8d9b6;border-radius:13px;grid-template-columns:auto 1fr;gap:2px 8px;padding:12px 15px;font-weight:900;display:grid}.awa-dashboard-head>button i{background:#4dba65;border-radius:50%;grid-row:1/3;width:10px;height:10px;margin-top:3px;box-shadow:0 0 0 5px #dff4e3}.awa-dashboard-head>button small{color:#6f7f71;font-size:9px}.awa-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0;display:grid}.awa-stats article{background:#f8fcf6;border:1px solid #d8e9d4;border-radius:13px;padding:18px}.awa-stats b{color:#2f7d38;margin-right:9px;font-size:24px}.awa-stats span{color:#667668;font-size:11px}.awa-filters{grid-template-columns:1fr 1.4fr auto;align-items:end;gap:10px;display:grid}.awa-filters label{gap:7px;font-size:11px;font-weight:900;display:grid}.awa-filters select,.awa-filters input{color:#173220;background:#fff;border:1px solid #c9dfc4;border-radius:10px;height:46px;padding:0 13px;font-weight:800}.awa-filters>button{color:#fff;background:#378247;border:0;border-radius:10px;height:46px;padding:0 18px;font-weight:900}.awa-review-list{gap:14px;margin-top:22px;display:grid}.awa-review-list>article{background:#fbfef9;border:1px solid #cfe3ca;border-radius:16px;padding:18px}.awa-review-list>article.reviewed{border-left:5px solid #3a934d}.awa-card-head{grid-template-columns:52px 1fr auto;align-items:center;gap:12px;display:grid}.awa-file-kind{color:#318143;background:#e8f6e4;border-radius:9px;place-items:center;width:48px;height:38px;font-size:9px;font-weight:900;display:grid}.awa-card-head h3{align-items:center;gap:12px;margin:0;display:flex}.awa-card-head h3 strong{color:#123f22;font-size:21px}.awa-card-head h3 span{font-size:15px}.awa-card-head p{color:#68786c;margin:5px 0}.awa-card-head>a{color:#fff;background:#48995a;border-radius:9px;padding:10px 14px;font-weight:900;text-decoration:none}.awa-photo-layout{grid-template-columns:minmax(230px,360px) 1fr;gap:18px;margin-top:15px;display:grid}.awa-photo-layout>a{display:block}.awa-photo-layout img{object-fit:contain;background:#edf2eb;border-radius:12px;width:100%;max-height:420px}.awa-card-body{gap:12px;display:grid}.awa-student-note{background:#f0f6ed;border-radius:10px;padding:12px}.awa-student-note p{margin:5px 0}.awa-card-body dl{grid-template-columns:100px 1fr;margin:0;display:grid}.awa-card-body dt,.awa-card-body dd{border-bottom:1px solid #dfebdc;margin:0;padding:8px}.awa-card-body label{gap:7px;font-weight:900;display:grid}.awa-card-body textarea{box-sizing:border-box;background:#fff;border:1px solid #bdd6b8;border-radius:10px;width:100%;padding:13px}.awa-homework-style .awa-actions{gap:8px;display:flex!important}.awa-homework-style .awa-actions button{color:#fff;background:#378247;border:0;border-radius:9px;padding:11px 14px;font-weight:900}.awa-homework-style .awa-actions .generate{background:#2f7d38}.awa-homework-style .awa-actions .copy{background:#667768}.awa-homework-style .awa-empty{text-align:center;color:#718073;border:1px dashed #bcd7b8;border-radius:12px;padding:30px}@media (max-width:760px){.awa-homework-style{width:calc(100% - 20px)!important;padding:20px 14px!important}.awa-dashboard-head{flex-direction:column;align-items:flex-start}.awa-stats,.awa-filters{grid-template-columns:1fr}.awa-card-head{grid-template-columns:46px 1fr}.awa-card-head>a{grid-column:1/-1;justify-self:start}.awa-photo-layout{grid-template-columns:1fr}.awa-homework-style .awa-actions{flex-direction:column}}
.progress-list{grid-template-columns:repeat(5,minmax(92px,1fr));gap:12px}.progress-circle-card{text-align:center;background:linear-gradient(#fff,#f8faff);border:1px solid #e3e9f1;border-radius:16px;flex-direction:column;align-items:center;min-height:170px;padding:16px 8px;display:flex}.progress-list .progress-ring{border-radius:50%;place-items:center;width:88px;height:88px;margin:0 0 13px;display:grid;position:relative;overflow:visible}.progress-list .progress-ring:after{content:"";background:#fff;border-radius:50%;width:66px;height:66px;position:absolute;box-shadow:inset 0 0 0 1px #edf1f6}.progress-list .progress-ring em{z-index:1;width:auto;height:auto;color:var(--ad-navy);background:0 0;font-size:16px;font-style:normal;font-weight:900;position:relative}.progress-circle-card>b{font-size:11px}.progress-circle-card>span{border-radius:999px;margin-top:8px;padding:4px 8px;font-size:8px;font-weight:850}.progress-circle-card>span.complete{color:#087457;background:#dff7ef}.progress-circle-card>span.active{color:#245edb;background:#e7efff}.progress-circle-card>span.needs-work{color:#b35b28;background:#fff0e6}@media (max-width:850px){.progress-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.progress-list{grid-template-columns:repeat(2,1fr)}.progress-circle-card:last-child{grid-column:1/-1}.progress-list .progress-ring{width:82px;height:82px}.progress-list .progress-ring:after{width:61px;height:61px}}
.materials-admin{color:#17253b;max-width:1420px;margin:28px auto;padding:0 22px}.materials-admin-head{color:#fff;background:linear-gradient(135deg,#133f7c,#16785c);border-radius:22px 22px 0 0;justify-content:space-between;align-items:center;padding:27px 30px;display:flex}.materials-admin-head span{letter-spacing:.15em;color:#91efd0;font-size:10px;font-weight:900}.materials-admin-head h2{margin:5px 0;font-size:27px}.materials-admin-head p{color:#cde4df;margin:0}.materials-admin-head select{border:0;border-radius:11px;min-width:260px;padding:12px}.materials-admin>form{background:#fff;border:1px solid #dbe4ee;border-top:0;padding:26px 30px}.material-fields{grid-template-columns:1fr 1fr 1.2fr;gap:14px;display:grid}.material-fields label{flex-direction:column;gap:7px;font-size:11px;font-weight:900;display:flex}.material-fields input,.material-fields select,.material-fields textarea{border:1px solid #ced9e7;border-radius:10px;padding:12px}.material-wide{grid-column:1/-1}.material-wide textarea{min-height:75px}.material-file small{color:#7b899b}.materials-admin form>button{color:#fff;background:#16785c;border:0;border-radius:10px;margin-top:15px;padding:13px 19px;font-weight:900}.materials-admin form>p{color:#16785c;margin-left:12px;font-weight:800;display:inline-block}.material-admin-list{gap:9px;margin-top:15px;display:grid}.material-admin-list article{background:#fff;border:1px solid #dfe6ef;border-radius:14px;grid-template-columns:58px 1fr auto auto;align-items:center;gap:14px;padding:15px 18px;display:grid}.material-icon{color:#245edb;background:#edf3ff;border-radius:13px;place-items:center;width:54px;height:54px;font-size:10px;font-weight:900;display:grid}.material-admin-list b,.material-admin-list span,.material-admin-list small{display:block}.material-admin-list span{color:#16785c;margin-top:5px;font-size:10px}.material-admin-list small{color:#7a8798;margin-top:5px}.material-admin-list a,.material-admin-list button{border-radius:9px;padding:9px 12px;font-size:10px;font-weight:900;text-decoration:none}.material-admin-list a{color:#fff;background:#245edb}.material-admin-list button{color:#a84040;background:#fff;border:1px solid #e2c9c9}@media (max-width:720px){.materials-admin-head{flex-direction:column;align-items:flex-start;gap:18px}.materials-admin-head select{width:100%}.material-fields{grid-template-columns:1fr}.material-wide{grid-column:auto}.material-admin-list article{grid-template-columns:50px 1fr}.material-admin-list a,.material-admin-list button{text-align:center}}
.material-admin-list article.material-submitted{background:#f5fcf9;border-color:#8dcdb8}.student-solution{background:#edf7f3;border-radius:10px;margin-top:12px;padding:12px}.student-solution strong{font-size:10px}.student-solution p{white-space:pre-wrap;color:#485e58;margin:5px 0 10px;font-size:11px;line-height:1.55}
.admin-quiz{color:#101d3a;background:#fff;border:1px solid #e2e7ef;border-radius:20px;margin:18px max(26px,50vw - 725px) 0;padding:28px;font-family:Arial,Noto Sans KR,sans-serif}.admin-quiz-head{justify-content:space-between;align-items:end;gap:24px;display:flex}.admin-quiz-head p{color:#245edb;letter-spacing:.15em;margin:0 0 7px;font-size:8px;font-weight:900}.admin-quiz-head h2{margin:0;font-size:23px}.admin-quiz-head span{color:#728096;margin-top:8px;font-size:10px;display:block}.admin-quiz-head label{color:#728096;gap:7px;font-size:9px;font-weight:800;display:grid}.admin-quiz-head select{color:#101d3a;background:#fff;border:1px solid #e2e7ef;border-radius:10px;min-width:190px;height:40px;padding:0 12px}.quiz-student-rings{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:24px;display:grid}.quiz-student-rings article{cursor:pointer;background:#f9fbfe;border:1px solid #e5eaf2;border-radius:15px;align-items:center;gap:13px;padding:15px;display:flex}.quiz-student-rings i{border-radius:50%;place-items:center;width:64px;height:64px;padding:6px;font-style:normal;display:grid}.quiz-student-rings i:after{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:52px;height:52px}.quiz-student-rings i b{z-index:1;grid-area:1/1;font-size:13px}.quiz-student-rings strong,.quiz-student-rings span,.quiz-student-rings small{display:block}.quiz-student-rings strong{font-size:13px}.quiz-student-rings span{color:#67758a;margin-top:4px;font-size:9px}.quiz-student-rings small{color:#245edb;margin-top:7px;font-size:8px}.quiz-admin-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.quiz-chart-card,.quiz-type-card,.quiz-recent-card{border:1px solid #e5eaf2;border-radius:15px;padding:20px}.admin-quiz h3{margin:0 0 18px;font-size:13px}.quiz-bars{border-bottom:1px solid #dfe5ee;align-items:end;gap:7px;height:190px;display:flex}.quiz-bars>div{flex-direction:column;flex:1;justify-content:end;align-items:center;min-width:18px;height:100%;display:flex}.quiz-bars>div>span{background:linear-gradient(#4f83ed,#245edb);border-radius:7px 7px 0 0;width:min(28px,80%);min-height:12px;position:relative}.quiz-bars em{font-size:7px;font-style:normal;font-weight:800;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.quiz-bars small{color:#7b879a;height:20px;padding-top:5px;font-size:7px}.quiz-type-row{grid-template-columns:130px 1fr 36px;align-items:center;gap:10px;margin:13px 0;display:grid}.quiz-type-row b,.quiz-type-row small{display:block}.quiz-type-row b{font-size:9px}.quiz-type-row small{color:#7b879a;margin-top:3px;font-size:7px}.quiz-type-row>i{background:#edf1f6;border-radius:6px;height:8px;overflow:hidden}.quiz-type-row>i em{border-radius:inherit;background:#245edb;height:100%;display:block}.quiz-type-row>strong{text-align:right;font-size:10px}.quiz-recent-card{margin-top:14px}.quiz-recent-table>div{border-top:1px solid #edf0f5;grid-template-columns:90px 1.5fr 1fr 60px 90px;align-items:center;gap:12px;padding:10px 8px;font-size:9px;display:grid}.quiz-recent-table .head{color:#728096;background:#f3f6fa;border:0;border-radius:8px;font-weight:800}.quiz-recent-table em{text-align:center;border-radius:9px;width:42px;padding:4px 0;font-style:normal;font-weight:800}.quiz-recent-table em.ok{color:#118461;background:#e5f8f1}.quiz-recent-table em.wrong{color:#bb4f4f;background:#fdecec}.quiz-admin-empty{color:#7b879a;text-align:center;margin:20px 0;font-size:10px}@media (max-width:850px){.admin-quiz{margin:16px;padding:20px}.quiz-admin-grid{grid-template-columns:1fr}.admin-quiz-head{flex-direction:column;align-items:flex-start}.admin-quiz-head label,.admin-quiz-head select{width:100%}.quiz-recent-table>div{grid-template-columns:70px 1fr 55px}.quiz-recent-table>div>:nth-child(3),.quiz-recent-table>div>:nth-child(5){display:none}}@media (max-width:480px){.quiz-student-rings{grid-template-columns:1fr}.quiz-type-row{grid-template-columns:105px 1fr 32px}.quiz-bars{gap:3px}}.quiz-category-card{border:1px solid #e5eaf2;border-radius:15px;margin-top:14px;padding:20px}.quiz-category-title{justify-content:space-between;align-items:center;display:flex}.quiz-category-title p{color:#68768b;margin:0;font-size:8px}.quiz-category-title p i{border-radius:2px;width:8px;height:8px;margin:0 3px 0 9px;display:inline-block}.quiz-category-title .word{background:#1daf86}.quiz-category-title .passage{background:#245edb}.quiz-category-bars{border-bottom:1px solid #dfe5ee;align-items:end;gap:8px;height:230px;display:flex}.quiz-category-bars>div{flex-direction:column;flex:1;justify-content:end;align-items:center;min-width:28px;height:100%;display:flex}.quiz-category-bars .stack{border-radius:7px 7px 0 0;flex-direction:column;width:min(34px,82%);min-height:16px;display:flex;overflow:hidden}.quiz-category-bars .stack i{place-items:center;min-height:14px;font-style:normal;display:grid}.quiz-category-bars .stack i.word{background:#1daf86}.quiz-category-bars .stack i.passage{background:#245edb}.quiz-category-bars em{color:#fff;font-size:7px;font-style:normal;font-weight:900}.quiz-category-bars b{text-overflow:ellipsis;white-space:nowrap;max-width:58px;margin-top:5px;font-size:7px;overflow:hidden}.quiz-category-bars small{color:#7b879a;height:17px;font-size:7px}@media (max-width:480px){.quiz-category-bars{gap:3px;overflow-x:auto}.quiz-category-bars>div{min-width:34px}.quiz-category-title{flex-direction:column;align-items:flex-start;gap:7px}}.quiz-live-card{background:#f8fcfa;border:1px solid #cfe3dc;border-radius:15px;margin-top:14px;padding:20px}.quiz-live-card>div{justify-content:space-between;align-items:center;display:flex}.quiz-live-card>div h3{margin:0}.quiz-live-card>div span{color:#19805f;font-size:8px}.quiz-live-card>section{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin-top:14px;display:grid}.quiz-live-card article{background:#fff;border:1px solid #dce9e4;border-radius:11px;grid-template-columns:1fr auto;gap:5px 9px;padding:12px;display:grid}.quiz-live-card article b{font-size:11px}.quiz-live-card article em{color:#137456;background:#e7f7f1;border-radius:8px;padding:3px 7px;font-size:8px;font-style:normal;font-weight:900}.quiz-live-card article span,.quiz-live-card article small{color:#718095;grid-column:1/-1;font-size:8px}.quiz-live-card article strong{color:#245edb;grid-column:1/-1;font-size:10px}.word-daily-card{background:#fbfefd;border:1px solid #cfe8df;border-radius:15px;margin-top:14px;padding:20px}.word-daily-head{justify-content:space-between;align-items:end;display:flex}.word-daily-head p{color:#148060;letter-spacing:.12em;margin:0 0 5px;font-size:8px;font-weight:900}.word-daily-head h3{margin:0}.word-daily-head>span{color:#708195;font-size:8px}.word-daily-bars{border-bottom:1px solid #dce7e3;align-items:end;gap:7px;height:210px;margin-top:16px;display:flex}.word-daily-bars>div{flex-direction:column;flex:1;justify-content:end;align-items:center;min-width:28px;height:100%;display:flex}.word-daily-bars>div>span{color:#fff;background:linear-gradient(#42c69e,#158765);border-radius:7px 7px 0 0;flex-direction:column;justify-content:center;align-items:center;width:min(34px,82%);min-height:18px;display:flex}.word-daily-bars span b{font-size:7px}.word-daily-bars span em{font-size:8px;font-style:normal}.word-daily-bars>div>strong,.word-daily-bars>div>small{text-overflow:ellipsis;white-space:nowrap;max-width:60px;font-size:7px;overflow:hidden}.word-daily-bars>div>strong{margin-top:4px}.word-daily-bars>div>small{color:#7a8798;height:16px}.word-recent-list{margin-top:20px}.word-recent-list h4{font-size:11px}.word-recent-list article{border-top:1px solid #e5ece9;grid-template-columns:75px 1.7fr 1fr 45px 75px;align-items:center;gap:9px;padding:9px;font-size:8px;display:grid}.word-recent-list article em{color:#1764c0;font-style:normal}.word-recent-list article strong.ok{color:#158765}.word-recent-list article strong.wrong{color:#c05252}.word-recent-list article small{color:#758196}@media (max-width:600px){.word-daily-head{flex-direction:column;align-items:flex-start;gap:6px}.word-daily-bars{overflow-x:auto}.word-daily-bars>div{min-width:36px}.word-recent-list article{grid-template-columns:58px 1fr 42px}.word-recent-list article>:nth-child(3),.word-recent-list article>:nth-child(5){display:none}}.quiz-area-rings{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.quiz-area-rings article{background:#fbfcfe;border:1px solid #e3e9f1;border-radius:14px;justify-items:center;gap:6px;padding:16px;display:grid}.quiz-area-rings i{border-radius:50%;place-items:center;width:86px;height:86px;padding:8px;font-style:normal;display:grid}.quiz-area-rings i:after{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:68px;height:68px}.quiz-area-rings i b{z-index:1;grid-area:1/1;font-size:15px}.quiz-area-rings article>strong{font-size:11px}.quiz-area-rings article>span{color:#718095;font-size:8px}@media (max-width:600px){.quiz-area-rings{grid-template-columns:1fr 1fr 1fr;gap:5px}.quiz-area-rings article{padding:10px 4px}.quiz-area-rings i{width:66px;height:66px}.quiz-area-rings i:after{width:52px;height:52px}.quiz-area-rings article>span{text-align:center}}.admin-quiz-controls{align-items:end;gap:8px;display:flex}.admin-quiz-controls button{color:#fff;cursor:pointer;background:#1764c0;border:0;border-radius:10px;height:40px;padding:0 14px;font-size:9px;font-weight:900}@media (max-width:850px){.admin-quiz-controls{flex-direction:column;align-items:stretch;width:100%}.admin-quiz-controls button{width:100%}}.quiz-student-search{position:relative}.quiz-student-search input{color:#14243a;background:#fff;border:1px solid #dbe3ef;border-radius:10px;min-width:210px;height:40px;padding:0 12px;font-size:10px}.quiz-student-search select{min-width:210px}.admin-quiz-controls .quiz-student-search{grid-template-columns:1fr 1fr;align-items:end}.admin-quiz-controls .quiz-student-search input,.admin-quiz-controls .quiz-student-search select{grid-row:2}@media (max-width:850px){.admin-quiz-controls .quiz-student-search{grid-template-columns:1fr;display:grid}.admin-quiz-controls .quiz-student-search input,.admin-quiz-controls .quiz-student-search select{grid-row:auto;width:100%;min-width:0}}.student-live-quiz{color:#10243b;background:#f8fdfa;border:1px solid #cce5db;border-radius:18px;margin:18px max(26px,50vw - 725px) 0;padding:24px;font-family:Arial,Noto Sans KR,sans-serif}.student-live-quiz header{justify-content:space-between;gap:20px;display:flex}.student-live-quiz header p{color:#16815f;letter-spacing:.14em;margin:0;font-size:8px;font-weight:900}.student-live-quiz header h2{margin:6px 0;font-size:21px}.student-live-quiz header span{color:#65788c;font-size:9px}.student-live-quiz label{color:#65788c;grid-template-columns:1fr 1fr;gap:6px;font-size:8px;display:grid}.student-live-quiz input,.student-live-quiz select{background:#fff;border:1px solid #d5e4de;border-radius:9px;height:39px;padding:0 10px}.student-live-list{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px;display:grid}.student-live-list article{background:#fff;border:1px solid #d9e9e3;border-radius:12px;gap:6px;padding:15px;display:grid}.student-live-list article strong{color:#16815f;font-size:10px}.student-live-list article b{font-size:24px}.student-live-list article b small{margin-left:3px;font-size:9px}.student-live-list article span,.student-live-list article em{font-size:8px}.student-live-list article em{color:#768597;font-style:normal}.student-live-list>p{color:#748496;text-align:center;grid-column:1/-1;font-size:10px}@media (max-width:700px){.student-live-quiz{margin:12px;padding:17px}.student-live-quiz header{flex-direction:column}.student-live-quiz label,.student-live-list{grid-template-columns:1fr}}.quiz-student-rings button{cursor:pointer;color:inherit;text-align:left;font:inherit;background:#f9fbfe;border:1px solid #e5eaf2;border-radius:15px;align-items:center;gap:13px;padding:15px;transition:all .15s;display:flex;position:relative}.quiz-student-rings button:hover,.quiz-student-rings button:focus-visible,.quiz-student-rings button.selected{background:#eef4ff;border-color:#245edb;outline:0;box-shadow:0 7px 20px #245edb1f}.quiz-student-rings button>em{color:#245edb;margin-left:auto;font-size:8px;font-style:normal;font-weight:900}.quiz-student-rings button>i{flex:none}.quiz-completion-card{background:#f8fbff;border:1px solid #d7e6fc;border-radius:15px;margin-top:14px;padding:20px}.quiz-completion-card>div{justify-content:space-between;gap:12px;display:flex}.quiz-completion-card>div span{color:#63748a;font-size:8px}.quiz-completion-card>section{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.quiz-completion-card article{border-radius:12px;gap:6px;padding:14px;display:grid}.quiz-completion-card article.done{background:#ecfaf5;border:1px solid #bfe6d7}.quiz-completion-card article.waiting{background:#fff;border:1px solid #e0e6ef}.quiz-completion-card b{font-size:10px}.quiz-completion-card strong{font-size:15px}.quiz-completion-card .done strong,.quiz-completion-card .done small{color:#16815f}.quiz-completion-card .waiting strong{color:#7a8798}.quiz-completion-card span,.quiz-completion-card small{color:#6d7b8e;font-size:8px}@media (max-width:600px){.quiz-completion-card>div{flex-direction:column}.quiz-completion-card>section{grid-template-columns:1fr}.quiz-student-rings button>em{display:none}}.quiz-wrong-analysis{background:snow;border:1px solid #f0d2cf;border-radius:15px;margin-top:14px;padding:20px}.wrong-analysis-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.wrong-analysis-head p{color:#c35050;letter-spacing:.13em;margin:0 0 5px;font-size:8px;font-weight:900}.wrong-analysis-head h3{margin:0 0 7px}.wrong-analysis-head span{color:#758196;font-size:8px}.wrong-analysis-head>strong{color:#b94040;white-space:nowrap;background:#fdecec;border-radius:999px;padding:8px 12px;font-size:10px}.wrong-type-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:15px;display:grid}.wrong-type-summary article{background:#fff;border:1px solid #f1ddda;border-radius:11px;gap:5px;padding:12px;display:grid}.wrong-type-summary b{font-size:9px}.wrong-type-summary strong{color:#c35050;font-size:15px}.wrong-type-summary span{color:#728095;font-size:8px}.wrong-answer-list{gap:7px;margin-top:14px;display:grid}.wrong-answer-list article{background:#fff;border:1px solid #f0dedb;border-radius:10px;grid-template-columns:1.3fr 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.wrong-answer-list article b,.wrong-answer-list article span{display:block}.wrong-answer-list article b{font-size:9px}.wrong-answer-list article span,.wrong-answer-list article small{color:#758196;margin-top:4px;font-size:8px}.wrong-answer-list article p{color:#27364b;overflow-wrap:anywhere;background:#fff4f3;border-radius:8px;margin:0;padding:8px;font-size:9px}.wrong-answer-list article p strong{color:#c35050;margin-bottom:3px;font-size:7px;display:block}@media (max-width:650px){.wrong-analysis-head{flex-direction:column;align-items:flex-start}.wrong-answer-list article{grid-template-columns:1fr}.wrong-answer-list article small{margin:0}}
.student-actions{align-items:center;gap:7px;display:flex}.student-actions>button{color:#fff;background:var(--ad-blue);cursor:pointer;border:0;border-radius:9px;padding:11px 14px;font-size:10px;font-weight:850}.student-actions>.delete-student{color:#b53f3f;background:#fff7f7;border:1px solid #f0caca}.student-actions>.delete-student:disabled{opacity:.55;cursor:not-allowed}@media (max-width:480px){.student-actions{grid-column:1/-1}.student-actions>button{flex:1}}.student-report-toolbar{z-index:20;background:#fff;border:1px solid #d7e3f5;border-radius:14px;align-items:center;gap:15px;padding:10px 12px 10px 16px;display:flex;position:fixed;top:18px;right:38px;box-shadow:0 10px 30px #14366e1f}.student-report-toolbar div{gap:3px;display:grid}.student-report-toolbar b{color:#14243a;font-size:11px}.student-report-toolbar span{color:#74829a;font-size:8px}.student-report-toolbar button{color:#fff;cursor:pointer;background:#1764c0;border:0;border-radius:9px;padding:11px 14px;font-size:10px;font-weight:900}.student-report-toolbar button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:760px){.student-report-toolbar{grid-column:1/-1;justify-content:space-between;margin:8px 12px;position:sticky;top:0;right:auto}.student-report-toolbar span{display:none}.student-report-toolbar button{font-size:9px}}.student-report-toolbar{grid-column:2;gap:10px;max-width:calc(100vw - 285px);margin:8px 26px 0 auto;position:sticky;top:8px;right:auto;overflow-x:auto}.student-report-toolbar button{flex:none}@media (max-width:760px){.student-report-toolbar{grid-column:1;max-width:calc(100vw - 24px);margin:8px 12px}}
.admin-homework-live{background:#fff;border:1px solid #dce5f1;border-radius:24px;max-width:1280px;margin:26px auto;padding:30px;box-shadow:0 14px 40px #19345c14}.homework-live-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.homework-live-head p{color:#1d65c1;letter-spacing:.12em;margin:0 0 5px;font-size:12px;font-weight:900}.homework-live-head h2{color:#14243a;margin:0;font-size:26px}.homework-live-head small{color:#748197;margin-top:7px;display:block}.homework-live-head button{color:#087b49;background:#edf8f1;border:0;border-radius:999px;padding:11px 16px;font-weight:800}.homework-live-head button i{background:#18a866;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block;box-shadow:0 0 0 5px #18a8661f}.homework-live-list{gap:10px;display:grid}.homework-live-list article{background:#fbfcfe;border:1px solid #e4eaf2;border-radius:16px;grid-template-columns:75px 150px minmax(0,1fr) 90px;align-items:center;gap:18px;padding:16px 18px;display:grid}.homework-live-date,.homework-live-student,.homework-live-detail{flex-direction:column;gap:4px;display:flex}.homework-live-date b{color:#174f9c}.homework-live-date span,.homework-live-student span,.homework-live-detail span,.homework-live-detail small{color:#758197;font-size:12px}.homework-live-detail b{color:#172438}.homework-live-detail small{color:#37745b}.homework-live-list em{border-radius:999px;justify-self:end;padding:7px 10px;font-size:12px;font-style:normal;font-weight:800}.mail-sent{color:#087b49;background:#e8f7ef}.mail-pending{color:#a76500;background:#fff4df}.homework-live-empty{text-align:center;color:#7c8798;padding:35px}@media (max-width:760px){.admin-homework-live{border-radius:18px;margin:16px 12px;padding:20px 14px}.homework-live-head{flex-direction:column;align-items:flex-start}.homework-live-head h2{font-size:22px}.homework-live-head button{font-size:11px}.homework-live-list article{grid-template-columns:54px 1fr 78px;gap:10px;padding:14px 12px}.homework-live-detail{grid-area:2/1/auto/-1}.homework-live-list em{grid-area:1/3}.homework-live-student{grid-area:1/2}}.homework-live-detail details{background:#eef5ff;border-radius:9px;margin-top:8px;padding:9px}.homework-live-detail summary{cursor:pointer;color:#175aa9;font-size:12px;font-weight:900}.homework-live-detail details p{white-space:pre-line;color:#40536b;font-size:12px;line-height:1.7}.homework-live-detail details button{color:#fff;background:#1764c0;border:0;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800}
.student-live-list article{grid-template-columns:78px 1fr;align-items:center}.student-live-list article>div{gap:6px;display:grid}.student-live-ring{border-radius:50%;place-items:center;width:66px;height:66px;padding:7px;font-style:normal;display:grid}.student-live-ring:after{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:52px;height:52px}.student-live-ring b{z-index:1;grid-area:1/1;font-size:12px}
.student-report-toolbar.floating{z-index:1000;touch-action:none;align-items:center;gap:8px;max-width:calc(100vw - 16px);margin:0;display:flex;position:fixed;right:auto;overflow:visible}.report-drag{cursor:move;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;display:flex}.report-drag>i{color:#8a9bb3;font-size:18px;font-style:normal}.report-buttons{gap:7px;display:flex;overflow-x:auto}.student-report-toolbar .report-collapse,.student-report-toolbar .report-close{color:#52647c;background:#eef3f9;padding:8px 9px}.student-report-toolbar .report-close{color:#ae4141;background:#fff0f0}.student-report-toolbar.collapsed .report-drag div{display:none}.report-bar-reopen{z-index:1000;color:#fff;cursor:pointer;background:#1764c0;border:0;border-radius:20px;padding:11px 15px;font-size:10px;font-weight:900;position:fixed;top:14px;right:14px;box-shadow:0 8px 25px #15498c35}@media (max-width:700px){.student-report-toolbar.floating{max-width:none;top:8px!important;left:8px!important;right:8px!important}.report-drag{flex:1}.report-buttons{max-width:42vw}.student-report-toolbar.floating span{display:none}}
.student-login-help{color:#64748b;margin-top:10px;font-size:10px;line-height:1.6;display:block}.modal-fields label>small{color:#64748b;font-size:9px}.admin-side nav a.dialog-practice-link{color:#d9e7ff;background:#245edb47;margin-top:8px}.student-simple-fields{grid-template-columns:1fr}.student-simple-fields label{grid-column:1}
.feedback-formation header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.feedback-formation header span{color:#1769c2;letter-spacing:.12em;font-size:12px;font-weight:900}.feedback-formation header h2{margin:5px 0 7px;font-size:30px}.feedback-formation header p{color:#64748b;margin:0}.feedback-formation header>strong{color:#0e3d91;background:#e9f2ff;border-radius:999px;padding:12px 17px}.feedback-controls{align-items:center}.feedback-controls select{min-width:230px}.feedback-dashboard{background:#f4f8ff;border-radius:20px;grid-template-columns:220px 1fr;gap:20px;padding:22px;display:grid}.feedback-overall{text-align:center;background:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:15px;display:flex}.feedback-overall p{color:#52637a;line-height:1.8}.feedback-ring,.mini-ring{background:conic-gradient(#1769c2 var(--rate),#dce8f6 0);border-radius:50%;place-content:center;display:grid;position:relative}.feedback-ring{width:145px;height:145px}.feedback-ring:before,.mini-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:13px}.feedback-ring b,.feedback-ring small,.mini-ring b{z-index:1;text-align:center;position:relative}.feedback-ring b{font-size:32px}.feedback-ring small{color:#64748b;margin-top:4px}.feedback-quiz-rings{grid-template-columns:repeat(4,minmax(110px,1fr));gap:12px;display:grid}.feedback-quiz-rings article{text-align:center;background:#fff;border-radius:15px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;display:flex}.mini-ring{background:conic-gradient(#188567 var(--rate),#dce8f6 0);width:82px;height:82px}.mini-ring:before{inset:9px}.feedback-quiz-rings small{color:#718096}.feedback-bars{background:#fff;border-radius:15px;grid-column:1/-1;gap:10px;padding:18px;display:grid}.feedback-bars>div{grid-template-columns:105px 1fr 48px;align-items:center;gap:12px;display:grid}.feedback-bars span{font-weight:800}.feedback-bars i{background:#e3ebf5;border-radius:999px;height:13px;overflow:hidden}.feedback-bars em{border-radius:inherit;background:linear-gradient(90deg,#1769c2,#38a77a);height:100%;display:block}.feedback-text{margin-top:18px;display:block}.feedback-text>span{margin-bottom:8px;font-weight:900;display:block}.feedback-actions{justify-content:flex-end}.feedback-actions button.primary{background:#188567}.feedback-actions button:disabled{cursor:wait;opacity:.55}.feedback-message,.feedback-empty{color:#12664f;background:#eaf7f1;border-radius:12px;padding:12px 15px;font-weight:700}.feedback-empty{color:#8a5a00;background:#fff7e6}@media (max-width:800px){.feedback-dashboard{grid-template-columns:1fr}.feedback-quiz-rings{grid-template-columns:repeat(2,1fr)}.feedback-bars{grid-column:auto}.feedback-formation header{flex-direction:column}.feedback-actions button{width:100%}}@media (max-width:480px){.feedback-quiz-rings{grid-template-columns:1fr 1fr}.feedback-bars>div{grid-template-columns:82px 1fr 42px}.feedback-dashboard{padding:13px}}.feedback-recipient{gap:4px;min-width:210px;display:grid}.feedback-recipient span{color:#536784;font-size:11px;font-weight:800}.feedback-recipient input{height:42px;font:inherit;background:#fff;border:1px solid #cbd8e8;border-radius:10px;padding:0 12px}.feedback-recipient input:focus{border-color:#2464d8;outline:2px solid #8db7ff}.feedback-week-rings{background:#fff;border-radius:15px;grid-column:1/-1;padding:18px}.feedback-week-rings h3{color:#14233d;margin:0 0 14px;font-size:17px}.feedback-week-rings>div{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.feedback-week-rings article{background:#f4f8ff;border-radius:14px;justify-items:center;gap:6px;padding:12px;display:grid}.feedback-week-rings small{color:#718096}.week-ring{--rate:0deg;background:conic-gradient(#1769c2 var(--rate),#dce8f6 0);border-radius:50%;place-items:center;width:88px;height:88px;font-style:normal;display:grid;position:relative}.week-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:10px}.week-ring b{z-index:1;position:relative}@media (max-width:800px){.feedback-week-rings>div{grid-template-columns:repeat(2,1fr)}}.feedback-makeup-time{gap:5px;min-width:min(100%,330px);display:grid}.feedback-makeup-time span{color:#52637a;font-size:12px;font-weight:900}.feedback-makeup-time input{width:100%;min-height:42px;font:inherit;color:#14233d;background:#fff;border:1px solid #cbd8e8;border-radius:11px;padding:9px 12px}.preview-open{overflow:hidden}.solapi-preview-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071a45b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.solapi-preview-modal{background:#fff;border-radius:22px;width:min(960px,100%);max-height:92vh;overflow:hidden;box-shadow:0 30px 90px #0000004d}.solapi-preview-modal>header{border-bottom:1px solid #dce5ef;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.solapi-preview-modal>header b,.solapi-preview-modal>header span{display:block}.solapi-preview-modal>header b{font-size:20px}.solapi-preview-modal>header span{color:#68758a;margin-top:4px;font-size:13px}.solapi-preview-modal>header button{cursor:pointer;background:#edf2f8;border:0;border-radius:50%;width:38px;height:38px;font-size:24px}.solapi-preview-body{background:#f3f6fa;grid-template-columns:minmax(260px,42%) 1fr;gap:20px;max-height:calc(92vh - 150px);padding:20px;display:grid;overflow:auto}.solapi-preview-body>img{border-radius:14px;width:100%;box-shadow:0 8px 24px #122a5026}.solapi-phone-preview{background:#e8edf4;border:8px solid #18243a;border-radius:22px;align-self:start;padding:16px}.solapi-phone-preview>div{color:#fff;background:#245edb;border-radius:10px 10px 4px 4px;padding:10px 12px;font-size:13px;font-weight:800}.solapi-phone-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#14233d;background:#fff;border-radius:4px 4px 14px 14px;margin:8px 0 0;padding:16px;font:14px/1.65 Arial,Noto Sans KR,sans-serif}.solapi-preview-modal>footer{justify-content:flex-end;gap:10px;padding:15px 20px;display:flex}.solapi-preview-modal>footer button{cursor:pointer;background:#fff;border:1px solid #ccd8e8;border-radius:10px;padding:12px 18px;font-weight:800}.solapi-preview-modal>footer button.confirm{color:#fff;background:#188567;border-color:#188567}@media (max-width:700px){.solapi-preview-overlay{padding:8px}.solapi-preview-modal{border-radius:16px;max-height:96vh}.solapi-preview-body{grid-template-columns:1fr;max-height:calc(96vh - 150px);padding:12px}.solapi-preview-body>img{object-fit:contain;background:#fff;max-height:340px}.solapi-phone-preview{border-width:5px;padding:10px}.solapi-phone-preview pre{font-size:13px}.solapi-preview-modal>footer button{flex:1}}.solapi-preview-modal{grid-template-rows:auto minmax(0,1fr) auto;height:min(92vh,850px);display:grid}.solapi-preview-body{min-height:0;max-height:none}.solapi-preview-modal>footer{z-index:3;background:#fff;border-top:1px solid #dce5ef;position:relative;box-shadow:0 -8px 24px #122a501a}.solapi-preview-modal>footer button.confirm{min-width:230px;font-size:16px}@media (max-width:700px){.solapi-preview-modal{height:96vh;max-height:96vh}.solapi-preview-body{max-height:none}.solapi-preview-modal>footer{padding:12px;position:sticky;bottom:0}.solapi-preview-modal>footer button.confirm{min-width:0}}.solapi-preview-header-actions{align-items:center;gap:8px;display:flex}.solapi-preview-modal>header .top-confirm{color:#fff;white-space:nowrap;background:#188567;border-radius:10px;width:auto;height:auto;padding:10px 14px;font-size:14px;font-weight:900}.solapi-preview-modal>footer{flex:none}.solapi-preview-modal>footer .confirm{visibility:visible!important;opacity:1!important;display:block!important}@media (max-width:700px){.solapi-preview-modal>header{padding:12px}.solapi-preview-modal>header span{display:none}.solapi-preview-modal>header .top-confirm{padding:10px;font-size:13px}.solapi-preview-modal>footer{position:relative!important;bottom:auto!important}.solapi-preview-modal>footer .confirm{min-height:50px}}.feedback-direct-send{background:#eaf8f2;border:2px solid #188567;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:18px;padding:16px;display:grid}.feedback-direct-send strong{color:#12664f}.feedback-direct-send span{color:#52637a;font-size:13px}.feedback-direct-send button{cursor:pointer;border:0;border-radius:11px;min-height:48px;padding:12px 18px;font-weight:900;color:#fff!important;background:#087443!important}.feedback-direct-send button:disabled{opacity:.55;cursor:wait}@media (max-width:700px){.feedback-direct-send{grid-template-columns:1fr}.feedback-direct-send button{width:100%;font-size:16px}}
.admin-submissions{box-sizing:border-box;color:#173220;background:#fff;border:1px solid #d6e7d2;border-radius:24px;width:min(1260px,100% - 32px);margin:32px auto;padding:30px;box-shadow:0 18px 50px #2a6c3510}.admin-submissions>header{justify-content:space-between;align-items:center;gap:24px;display:flex}.admin-submissions header span{color:#2f8244;letter-spacing:.12em;font-size:11px;font-weight:900}.admin-submissions header h2{margin:7px 0;font-size:28px}.admin-submissions header p{color:#667768;margin:0}.admin-submissions header>button{text-align:left;color:#27753b;background:#f0faee;border:1px solid #b8d9b6;border-radius:13px;grid-template-columns:auto 1fr;gap:2px 8px;padding:12px 15px;font-weight:900;display:grid}.admin-submissions header>button i{background:#4dba65;border-radius:50%;grid-row:1/3;width:10px;height:10px;margin-top:3px;box-shadow:0 0 0 5px #dff4e3}.admin-submissions header>button small{color:#6f7f71;font-size:9px}.submission-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0;display:grid}.submission-stats article{background:#f8fcf6;border:1px solid #d8e9d4;border-radius:13px;padding:18px}.submission-stats b{color:#2f7d38;margin-right:9px;font-size:24px}.submission-stats span{color:#667668;font-size:11px}.submission-filters{grid-template-columns:1fr 1.4fr auto;align-items:end;gap:10px;display:grid}.submission-filters label{gap:7px;font-size:11px;font-weight:900;display:grid}.submission-filters select,.submission-filters input{background:#fff;border:1px solid #c9dfc4;border-radius:10px;height:46px;padding:0 13px}.submission-filters>button{color:#fff;background:#378247;border:0;border-radius:10px;height:46px;padding:0 18px;font-weight:900}.admin-submission-list{gap:12px;margin-top:22px;display:grid}.admin-submission-list>article{cursor:pointer;background:#fbfef9;border:1px solid #cfe3ca;border-radius:15px;grid-template-columns:46px 1fr auto;gap:12px;padding:18px;display:grid}.admin-submission-list>article:hover{background:#f5fbf1;border-color:#6eae70}.admin-submission-list>article.done{border-left:5px solid #3a934d}.submission-kind{color:#318143;background:#e8f6e4;border-radius:8px;place-items:center;width:42px;height:34px;font-size:9px;font-weight:900;display:grid}.submission-main h3{align-items:center;gap:10px;margin:0;display:flex}.submission-main h3 strong{color:#123f22;font-size:18px}.submission-main h3 span{font-size:14px}.submission-main p,.submission-main small{color:#6c7c70;margin:5px 0}.admin-submission-list article>a{color:#fff;background:#48995a;border-radius:9px;align-self:start;padding:10px 14px;font-weight:900;text-decoration:none}.submission-note{background:#f0f6ed;border-radius:9px;grid-column:2/-1;padding:11px}.submission-note p{color:#425548;margin:4px 0}.admin-submission-list article>em{color:#27753b;background:#e3f4e6;border-radius:14px;grid-column:2/-1;justify-self:start;padding:6px 10px;font-style:normal;font-weight:900}.admin-feedback-editor{background:#f6fbf3;border:1px solid #bcd9b7;border-radius:15px;margin-top:20px;padding:22px}.admin-feedback-editor>div,.admin-feedback-editor footer{justify-content:space-between;gap:10px;display:flex}.admin-feedback-editor strong{color:#26753b}.admin-feedback-editor label{gap:7px;margin-top:14px;font-weight:900;display:grid}.admin-feedback-editor textarea{box-sizing:border-box;background:#fff;border:1px solid #bdd6b8;border-radius:10px;width:100%;padding:14px}.admin-feedback-editor button,.admin-feedback-editor a{color:#fff;background:#378247;border:0;border-radius:9px;padding:10px 13px;font-weight:900;text-decoration:none}.admin-feedback-editor footer button:first-child{color:#4c5e50;background:#e5ebe3}.admin-submission-msg{color:#176d3a;background:#e8f7ed;border-radius:9px;padding:11px}.admin-submission-empty{text-align:center;color:#718073;border:1px dashed #bcd7b8;border-radius:12px;padding:30px}@media (max-width:760px){.admin-submissions{width:calc(100% - 20px);padding:20px 14px}.admin-submissions>header{flex-direction:column;align-items:flex-start}.submission-stats,.submission-filters{grid-template-columns:1fr}.admin-submission-list>article{grid-template-columns:42px 1fr}.admin-submission-list article>a{grid-column:1/-1;justify-self:start}.submission-note,.admin-submission-list article>em{grid-column:1/-1}.admin-feedback-editor>div,.admin-feedback-editor footer{flex-direction:column}}.submission-preview{background:#eef5eb;border-radius:12px;grid-column:2/-1;padding:10px;display:block}.submission-preview img{object-fit:contain;background:#fff;border-radius:9px;width:100%;max-height:430px;display:block}@media (max-width:760px){.submission-preview{grid-column:1/-1}}
.admin-resource-results{box-sizing:border-box;background:#fff;border:1px solid #d5e7d2;border-radius:22px;width:min(1260px,100% - 32px);margin:30px auto;padding:28px}.admin-resource-results>header{justify-content:space-between;gap:15px;display:flex}.admin-resource-results header span{color:#318048;font-size:11px;font-weight:900}.admin-resource-results header p{color:#697a6d}.admin-resource-results header button{color:#23723c;background:#eaf7e9;border:0;border-radius:10px;align-self:center;padding:11px}.admin-resource-results>div>article{background:#f9fcf7;border:1px solid #d5e7d2;border-radius:13px;justify-content:space-between;gap:14px;margin-top:10px;padding:16px;display:flex}.admin-resource-results article>div{gap:4px;display:grid}.admin-resource-results article strong{color:#17592c;font-size:19px}.admin-resource-results article span,.admin-resource-results article p{color:#657568;margin:0}.admin-resource-results article a{color:#fff;background:#378247;border-radius:9px;align-self:center;padding:10px 13px;font-weight:900;text-decoration:none}@media (max-width:700px){.admin-resource-results>header,.admin-resource-results>div>article{flex-direction:column;align-items:flex-start}.admin-resource-results article a{align-self:flex-start}}
.resource-live-line{color:#25713d;background:#e9f7e9;border-radius:9px;margin:10px 0;padding:9px 12px;font-weight:900}.resource-live-line i{background:#42b85e;border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.learning-links-admin form button.assignment-ready{box-shadow:0 7px 18px #28783a30;color:#fff!important;background:#2f8548!important}.learning-links-admin form button:disabled{cursor:not-allowed;opacity:.55}
.resource-upload-progress{background:#e8eef7;border-radius:10px;width:100%;height:34px;position:relative;overflow:hidden}.resource-upload-progress i{background:linear-gradient(90deg,#2f8548,#67b878);transition:width .2s;position:absolute;inset:0 auto 0 0}.resource-upload-progress span{z-index:1;color:#102b1a;place-items:center;height:100%;font-size:12px;font-weight:900;display:grid;position:relative}.resource-assign-message{color:#176d40;background:#e8f7ec;border-radius:10px;width:100%;padding:11px 13px;font-weight:800}.learning-links-admin .admin-resource-card{flex-wrap:wrap;align-items:flex-start}.admin-resource-info{flex:1;min-width:220px}.admin-resource-info small{color:#61718a;display:block}.admin-assigned-video{background:#101826;border-radius:12px;width:min(100%,420px);max-height:280px}@media (max-width:700px){.admin-assigned-video{width:100%}}
.student-mirror{box-sizing:border-box;background:#fff;border:1px solid #d5e2f2;border-radius:22px;width:min(1260px,100% - 32px);margin:30px auto;padding:28px}.student-mirror>header{justify-content:space-between;gap:18px;display:flex}.student-mirror header span{color:#245edb;font-size:11px;font-weight:900}.student-mirror header p{color:#68788d}.student-mirror header button{color:#176d51;background:#e8f7f1;border:0;border-radius:10px;align-self:center;padding:11px}.mirror-controls{justify-content:space-between;align-items:center;gap:12px;margin:20px 0;display:flex}.mirror-controls select{border:1px solid #bfd0e5;border-radius:10px;min-width:320px;height:46px;padding:0 13px}.mirror-controls strong{color:#174a9b}.mirror-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.mirror-grid>article{background:#f8faff;border:1px solid #dde6f1;border-radius:14px;padding:17px}.mirror-grid h3{justify-content:space-between;margin:0 0 12px;display:flex}.mirror-grid h3 em{color:#245edb;background:#e4edff;border-radius:12px;padding:4px 8px;font-size:11px;font-style:normal}.mirror-grid article section{border-top:1px solid #e0e8f2;gap:4px;padding:10px 0;display:grid}.mirror-grid article section b{color:#1b3458}.mirror-grid article section span,.mirror-grid article p{color:#6b7a8e;font-size:11px}@media (max-width:720px){.student-mirror>header,.mirror-controls{flex-direction:column;align-items:flex-start}.mirror-controls select{width:100%;min-width:0}.mirror-grid{grid-template-columns:1fr}}