:root{--ink:#1e293b;--muted:#64748b;--line:#d7dee8;--paper:#fff;--bg:#f3f1ea;--accent:#174f66;--accent2:#f59e0b;--ok:#166534}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Arial,Helvetica,sans-serif}header{background:#123d52;color:white;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid var(--accent2)}header b{font-size:18px}nav{display:flex;gap:14px;align-items:center}nav a{color:white;text-decoration:none;border-bottom:1px solid #ffffff88}.container{max-width:1220px;margin:26px auto;padding:0 16px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:18px;margin-bottom:16px;box-shadow:0 1px 2px #00000012}h1{margin:0 0 6px;font-size:25px}h1 span{font-weight:400;color:var(--muted)}h3{margin:0 0 8px}.muted,.small{color:var(--muted);font-size:12px}.split{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.notice{background:#dcfce7;border:1px solid #86efac;color:var(--ok);padding:12px 16px;border-radius:8px;margin-bottom:16px}table{width:100%;border-collapse:collapse}th{background:#1f5a78;color:#fff;text-align:left;font-size:12px;padding:9px;border:1px solid #123d52;vertical-align:bottom}td{padding:9px;border:1px solid var(--line);vertical-align:middle}tbody tr:nth-child(even){background:#f8fafc}.grade-table td{background:#eef6fb}.grade-table tbody tr:nth-child(even) td{background:#dfeef6}input.num,select{border:1px solid #b6c2cf;border-radius:6px;padding:7px;background:white;min-width:68px}select{min-width:58px}.btn{display:inline-block;background:#15455e;color:white;border:0;border-radius:7px;padding:10px 16px;text-decoration:none;cursor:pointer;font-weight:700}.btn:hover{background:#0f3448}.smallbtn{padding:7px 11px}.actions{margin-top:14px;text-align:right}.ref{border-left:5px solid var(--accent2)}@media(max-width:800px){header,.split{display:block}nav{margin-top:10px;flex-wrap:wrap}table{font-size:12px}.panel{overflow:auto}}