:root{--bg:#f6fbf8;--brand:#059669;--ink:#0f172a;--muted:#6b7280;--card:#ffffff;--ring:#34d399}
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Ubuntu,Arial,sans-serif;background:var(--bg);color:var(--ink)}
.container{max-width:760px;margin:0 auto;padding:24px}
.card{background:var(--card);border-radius:16px;box-shadow:0 6px 24px rgba(2,6,23,.06);padding:24px}
h1{font-size:28px;margin:8px 0 4px;color:#065f46} h2{font-size:20px;margin:0 0 12px}
label{font-size:14px;color:var(--muted)} input[type=text],input[type=tel],input[type=password]{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;margin-top:6px}
input:focus{outline:none;box-shadow:0 0 0 3px var(--ring)}
button{background:var(--brand);color:#fff;border:none;padding:12px 16px;border-radius:12px;cursor:pointer;font-weight:600}
button:hover{filter:brightness(.95)} .muted{color:var(--muted)} .mt1{margin-top:8px} .mt2{margin-top:16px} .mt3{margin-top:24px}
.table{width:100%;border-collapse:collapse} .table th,.table td{padding:10px;border-top:1px solid #e5e7eb;font-size:14px} .table th{text-align:left;background:#f1f5f9}
.header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.search{max-width:360px}
.badge{font-size:12px;color:#065f46;background:#d1fae5;border-radius:999px;padding:3px 8px}
.footer{font-size:12px;color:var(--muted);text-align:center;margin-top:24px}