:root{--bg-start:#f4f7fb;--bg-end:#e7eef8;--surface:#fff;--text:#11203a;--muted:#4d5d78;--line:#d4deeb;--accent:#0d5bd7}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:Avenir Next,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(145deg,var(--bg-start),var(--bg-end))}.page{min-height:100vh;display:grid;place-items:center}.card,.page{padding:24px}.card{width:min(1040px,100%);background:var(--surface);border-radius:18px;border:1px solid var(--line);box-shadow:0 24px 48px -34px rgba(9,45,108,.35)}h1{margin:0;letter-spacing:-.02em}.subtext{margin-top:8px;color:var(--muted)}.inputLabel{display:block;font-size:.95rem;margin-top:20px;margin-bottom:8px}.input{width:min(280px,100%);border:1px solid var(--line);border-radius:10px;font-size:1rem;padding:11px 12px;outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(13,91,215,.14)}.tableWrapper{margin-top:18px;overflow-x:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:720px}td,th{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:.95rem}thead th{background:#f4f8ff;color:#1a345f}tbody tr:nth-child(2n){background:#fbfdff}tbody tr:last-child td{border-bottom:0}@media (max-width:768px){.card{padding:18px}}