*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#252a33;font:14px/1.6 "Malgun Gothic",sans-serif;letter-spacing:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}header{height:76px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #e1e5eb;gap:20px}header>div{display:flex;align-items:center;gap:20px}.brand{font-size:18px;font-weight:700}.brand span{font-size:12px;font-weight:400;margin-left:12px;color:#707985}header button,.secondary{background:white;border:1px solid #d6dce5;border-radius:4px;padding:8px 13px;color:#39414e}#authStatus{padding:32px}.admin-layout{display:grid;grid-template-columns:184px minmax(0,1fr);max-width:1400px;margin:auto;min-height:calc(100vh - 76px)}nav{padding:30px 16px;border-right:1px solid #e1e5eb}nav button{display:block;width:100%;border:0;border-radius:4px;padding:12px 16px;text-align:left;margin-bottom:6px;background:transparent;color:#596473;font-weight:600}nav button[aria-current]{color:#2054cf;background:#eaf0ff}main{padding:36px 40px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.eyebrow{font-size:11px;color:#707985;margin:0 0 4px}h1{font-size:26px;line-height:1.3;margin:0}h2{font-size:16px;margin:0}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 40px}.metrics article{padding:24px;background:#fff;border:1px solid #e1e5eb;border-radius:6px;min-width:0}.metrics h2{font-size:14px;color:#626c79;font-weight:500}.metrics strong{display:block;font-size:36px;line-height:1.4;margin-top:10px;font-variant-numeric:tabular-nums}.metrics p{font-size:12px;margin:8px 0 0;color:#697381}.metrics article:nth-child(2) strong{color:#207364}.metrics article:nth-child(3) strong{color:#245bdd}#statsStatus,#memberStatus{font-size:12px;color:#697381;min-height:20px}.chart-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.chart-heading span,.note{font-size:12px;color:#697381}.chart{height:240px;display:flex;gap:6px;margin:28px 0 24px;padding-top:12px}.chart-column{flex:1;min-width:0;display:flex;flex-direction:column}.chart-track{height:200px;display:flex;align-items:flex-end;border-bottom:1px solid #dce2eb}.chart-bar{width:100%;background:#5882dd;border-radius:2px 2px 0 0}.chart-column:hover .chart-bar{background:#2355b7}.chart-label{font-size:10px;color:#707985;margin-top:8px;white-space:nowrap}.note{margin:8px 0}.daily-details{margin-top:28px;border-top:1px solid #dde2e9;padding-top:16px}.daily-details summary{cursor:pointer;font-weight:600}table{border-collapse:collapse;width:100%;margin-top:16px}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid #e4e8ee}td:last-child,th:last-child{text-align:right}.filters{display:flex;gap:16px;align-items:end;margin-bottom:20px}.filters label{display:grid;gap:6px;font-size:12px}.filters input,.filters select,.member-row input{border:1px solid #d5dce6;border-radius:4px;padding:9px 12px;background:white;min-width:0;width:100%}.filters label:nth-child(2){flex:1;max-width:360px}#memberCount{padding-bottom:9px;white-space:nowrap}.member-row{display:grid;grid-template-columns:minmax(140px,1fr) 90px 110px auto;align-items:center;gap:18px;padding:20px 0;border-top:1px solid #dfe4eb}.member-identity{min-width:0;display:grid;gap:2px;overflow-wrap:anywhere}.member-identity span,.member-identity small{color:#697381;font-size:12px}.member-row label{font-size:11px;color:#697381}.member-row input{margin-top:4px}.member-state{font-size:12px}.member-actions{display:flex;gap:8px}.primary{border:0;background:#275fdb;color:white;padding:9px 13px;border-radius:4px}.danger{color:#ac4141}.empty{padding:40px 0;text-align:center;color:#697381}.edit-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dde2e9;padding:24px 0}.edit-links strong{display:block;font-size:17px}.edit-links small{display:block;margin-top:5px;color:#697381}.edit-links a>span:last-child{color:#275fdb;white-space:nowrap}button:hover,a:hover{filter:brightness(.9)}:focus-visible{outline:2px solid #6792f0;outline-offset:3px}
.managed-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-top:1px solid #dfe3e9}.managed-row>div{flex:1;min-width:0}.managed-row small{display:block;color:#697381;margin-top:4px}.managed-row a,.managed-row strong,.managed-row span{overflow-wrap:anywhere}.managed-row button{flex-shrink:0}.work-thumb{width:64px;height:74px;object-fit:cover}.tab-panel{margin-top:0}.editor-dialog button{margin:0}.editor-dialog .managed-row{flex-wrap:wrap}#classroom h2{margin-top:30px}.editor-dialog label{color:#454e5b}
@media(max-width:760px){header{height:auto;min-height:70px;padding:16px 20px;flex-wrap:wrap;gap:10px}.brand{font-size:16px}.brand span{margin-left:6px}header>div{gap:12px;font-size:12px}.admin-layout{display:block}nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #dde2e9;padding:10px 16px;gap:4px;background:white}nav button{width:auto;flex:0 0 auto;text-align:center;margin:0;padding:10px 6px;white-space:nowrap}main{padding:24px 20px}h1{font-size:23px}.metrics{gap:8px;margin:22px 0 30px}.metrics article{padding:14px 10px}.metrics strong{font-size:28px}.metrics p{font-size:11px;overflow-wrap:anywhere}.chart{gap:3px}.chart-label{font-size:9px}.chart-heading{align-items:start}.chart-heading span{font-size:11px}.member-row{grid-template-columns:1fr 100px;gap:12px}.member-state{text-align:right}.member-actions{justify-content:end;flex-wrap:wrap}.filters{flex-wrap:wrap;gap:10px}.filters label:nth-child(2){min-width:140px}.filters input,.filters select,.member-row input{font-size:16px}.section-heading{gap:10px}.actions{flex-wrap:wrap}.managed-row{flex-wrap:wrap}.managed-row>div{min-width:150px}}