*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333}.app{max-width:900px;margin:40px auto;padding:0 20px}h1{margin-bottom:24px;font-size:24px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}th,td{text-align:left;padding:12px 16px}th{background:#fafafa;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#666}tr:not(:last-child) td{border-bottom:1px solid #eee}tr.blocked td{color:#999}.actions{display:flex;gap:8px}button{padding:6px 14px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:13px}button:hover{background:#f0f0f0}button.block{color:#c0392b;border-color:#c0392b}button.block:hover{background:#c0392b;color:#fff}button.unblock{color:#27ae60;border-color:#27ae60}button.unblock:hover{background:#27ae60;color:#fff}.overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center}.modal{background:#fff;padding:28px;border-radius:8px;min-width:360px;box-shadow:0 4px 20px #00000026}.modal h2{margin-bottom:16px;font-size:18px}.modal p{margin-bottom:8px}.modal label{display:block;margin-bottom:12px;font-size:13px;font-weight:600;color:#666}.modal input,.modal select{display:block;width:100%;margin-top:4px;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.modal-actions{display:flex;gap:8px;margin-top:16px}.modal-actions button:first-child{background:#2c3e50;color:#fff;border-color:#2c3e50}.modal-actions button:first-child:hover{background:#1a252f}