*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#111}
.wrap{max-width:1200px;margin:0 auto;padding:24px}
h1{margin:0 0 24px;font-size:56px}
h2{margin:0 0 16px;font-size:24px}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 4px 14px rgba(0,0,0,.05)}
.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
label{font-weight:700}
input{padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:18px}
button{padding:12px 18px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-size:18px;cursor:pointer}
button:hover{background:#1d4ed8}
.hint{color:#475569;margin:12px 0 0}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse}
th,td{padding:12px;border:1px solid #e2e8f0;text-align:left}
th{background:#f8fafc}
.empty{color:#64748b;font-style:italic}