:root{--bg:#f4f5f7;--surface:#fff;--border:#d9dce2;--text:#1c2430;--muted:#6b7280;--accent:#2563eb;--accent-hover:#1d4ed8;--danger:#dc2626;--radius:10px;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}.page{justify-content:center;min-height:100vh;padding:32px 16px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:720px;padding:32px;box-shadow:0 1px 3px #0000000f}.card-head h1{margin:0 0 4px;font-size:26px}.card-head p{color:var(--muted);margin:0 0 24px}.grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:6px;font-size:14px;display:flex}.field span{color:var(--muted);font-weight:500}.field:nth-child(3){grid-column:1/-1}input{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;width:100%;padding:9px 11px;font-size:15px}input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb26}.grades{margin-top:28px}.grades-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.grades-head h2{margin:0;font-size:18px}.total{color:var(--muted);font-size:14px;font-weight:600}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:0 8px 8px 0;font-size:12px}td{padding:4px 8px 4px 0}th:first-child,td:first-child{width:90px}th:nth-child(2),td:nth-child(2){width:110px}th:nth-child(3),td:nth-child(3){width:auto;padding-right:0}.btn-remove{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:22px;line-height:1}.btn-remove:hover{background:#dc26261a}.btn-add{border:1px dashed var(--border);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border-radius:8px;margin-top:12px;padding:8px 14px;font-size:14px}.btn-add:hover{border-color:var(--accent)}.intervalo-field{margin-top:24px}.btn-submit{background:var(--accent);color:#fff;width:100%;font:inherit;cursor:pointer;border:none;border-radius:8px;margin-top:16px;padding:12px;font-size:16px;font-weight:600}.btn-submit:hover{background:var(--accent-hover)}.resultado{border-top:1px solid var(--border);margin-top:28px;padding-top:20px}.resultado-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.resultado h2{margin:0;font-size:18px}.resultado-actions{gap:8px;display:flex}.resultado-actions button{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:7px 14px;font-size:14px}.resultado-actions button:hover{border-color:var(--accent);color:var(--accent)}.resultado pre{color:#e2e8f0;background:#0f172a;border-radius:8px;margin:0;padding:16px;font-size:13px;line-height:1.5;overflow-x:auto}@media (width<=560px){.grid{grid-template-columns:1fr}.card{padding:20px}}