body{font-family:'Segoe UI',sans-serif;background:#eef2f6}
.container{display:flex;gap:20px;flex-wrap:wrap}
.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.1);max-width:400px;width:100%}
h2,h3{text-align:center;color:#1e293b}
input,button{width:100%;padding:12px;margin:6px 0;border-radius:6px;border:1px solid #ccc}
button{background:#22c55e;color:#fff;font-weight:bold;border:none}
table{width:100%;border-collapse:collapse}
th,td{padding:8px;border-bottom:1px solid #ddd;text-align:center}
.ok{color:green;text-align:center}
a{color:#22c55e;font-weight:bold}