*,*:before,*:after{box-sizing:border-box}body{font-family:system-ui,sans-serif;margin:0;padding:0;color:#1a1a1a;background:#f5f5f5}header{background:#1a1a2e;color:#fff;padding:1rem 2rem;display:flex;align-items:center;gap:2rem}header h1{margin:0;font-size:1.25rem}header nav{display:flex;gap:1rem}header nav a{color:#ccc;text-decoration:none;padding:.25rem .5rem;border-radius:4px}header nav a:hover,header nav a:focus{color:#fff;outline:2px solid #fff}header nav a.active{color:#fff;font-weight:700}main{max-width:900px;margin:2rem auto;padding:0 1rem}h2{margin-top:0}.status-area{min-height:1.5rem;margin-bottom:1rem;padding:.5rem;border-radius:4px;font-size:.9rem}.status-area.status-error{background:#fdecea;color:#b00020}.status-area.status-success{background:#e6f4ea;color:#1e7e34}form{display:flex;flex-direction:column;gap:.75rem;max-width:400px;margin-bottom:2rem}.field{display:flex;flex-direction:column;gap:.25rem}.field label{font-weight:600;font-size:.9rem}.field input{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.field input:focus{outline:2px solid #1a1a2e;border-color:#1a1a2e}.field input[aria-invalid=true]{border-color:#b00020}.field textarea{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;font-family:inherit;resize:vertical}.field textarea:focus{outline:2px solid #1a1a2e;border-color:#1a1a2e}.field textarea[aria-invalid=true]{border-color:#b00020}.field-error{color:#b00020;font-size:.85rem}button[type=submit]{padding:.6rem 1.25rem;background:#1a1a2e;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;align-self:flex-start}button[type=submit]:hover:not(:disabled),button[type=submit]:focus:not(:disabled){background:#2e2e5e;outline:2px solid #1a1a2e}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}table{width:100%;border-collapse:collapse;margin-top:1rem}table th,table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid #ddd}table th{background:#f0f0f0;font-weight:600}table tr:hover td{background:#fafafa}