*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#172033;font:16px/1.45 Arial,sans-serif}header{background:#183a66;color:#fff;padding:15px max(24px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center}header a{color:#fff;text-decoration:none}.brand{font-weight:700;font-size:20px}.container{max-width:1180px;margin:32px auto;padding:0 20px}footer{text-align:center;color:#6b7280;padding:28px}.card{background:#fff;border:1px solid #dce4ef;border-radius:10px;padding:22px;margin:18px 0;box-shadow:0 2px 8px #1720330c}.login-page{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,calc(100% - 32px));background:#fff;border-radius:12px;padding:32px;box-shadow:0 10px 35px #17203322}h1{margin-top:0}h2{font-size:20px}label{display:block;margin:12px 0;font-weight:600}input,select{display:block;width:100%;padding:10px;border:1px solid #b8c5d5;border-radius:6px;margin-top:5px;font:inherit}input[type=file]{font-size:13px}button,.button{border:0;border-radius:6px;padding:10px 16px;background:#1d5fa7;color:#fff;cursor:pointer;text-decoration:none;display:inline-block;font:inherit}.small{padding:7px 10px;font-size:13px}.success-btn{background:#1f8a4c}.danger{background:#b62929}.muted,small{color:#687386}.notice{color:#815b00;background:#fff5d9;padding:10px;border-radius:6px}.success{color:#116b36}.alert{padding:10px;border-radius:6px;margin:12px 0}.error{background:#fee2e2;color:#991b1b}table{border-collapse:collapse;width:100%;background:#fff}th,td{border-bottom:1px solid #dde4ed;padding:12px;text-align:left}.badge{padding:4px 8px;border-radius:999px;font-size:13px;background:#e5e7eb}.badge.submitted{background:#dcfce7;color:#166534}.badge.draft{background:#fef3c7;color:#92400e}.grade-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.slot{border:1px solid #dce4ef;border-left:5px solid #d22b2b;border-radius:7px;margin:10px 0;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:18px}.slot.done{border-left-color:#21874d}.slot form{display:flex;gap:8px;align-items:center}.dot{display:inline-block;width:10px;height:10px;background:#d22b2b;border-radius:50%;margin-right:7px}.done .dot{background:#21874d}.status-box{padding:12px;background:#eaf2fb;border-radius:7px}.check{font-weight:400}.check input{display:inline;width:auto;margin-right:5px}.form{max-width:700px}@media(max-width:700px){header{padding:14px;align-items:flex-start;flex-direction:column}.grade-grid{grid-template-columns:repeat(2,1fr)}.slot{align-items:stretch;flex-direction:column}.slot form{align-items:stretch;flex-direction:column}table{font-size:13px}}