/* styles.css */
:root{--bg:#f6f7fb;--card:#ffffff;--accent:#0b5ed7;--muted:#666}
body{font-family:Inter, Arial, Helvetica, sans-serif;background:var(--bg);color:#222;margin:0;padding:20px}
.container{max-width:900px;margin:0 auto}
h1{font-size:24px;margin-bottom:12px}
.card{background:var(--card);padding:16px;border-radius:10px;box-shadow:0 6px 18px rgba(20,20,40,0.06);margin-bottom:14px}
label{display:block;margin-top:8px;font-size:13px}
input[type=text], input[type=password]{width:100%;padding:10px;margin-top:6px;border-radius:6px;border:1px solid #e3e6ef}
button{margin-top:12px;padding:10px 14px;border-radius:8px;border:0;background:var(--accent);color:#fff;cursor:pointer}
table{width:100%;border-collapse:collapse}
th,td{padding:8px;text-align:left;border-bottom:1px solid #f0f2f8;font-size:13px}
.small{font-size:12px;color:var(--muted)}
.otp{font-size:20px;color:#111}
footer{margin-top:12px;color:var(--muted)}