:root { --bg:#f6f7fb; --card:#fff; --bdr:#e5e7eb; --fg:#111827; --muted:#6b7280; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, sans-serif; color:var(--fg); background:var(--bg); }
.container { max-width: 860px; margin: 0 auto; padding: 12px; }
.header { display:flex; align-items:center; justify-content:space-between; gap:8px; padding: 6px 0; flex-wrap: wrap; }
h1 { font-size: 20px; margin: 0; }
.actions { display:flex; gap:8px; flex-wrap: wrap; }
.card { background: var(--card); border:1px solid var(--bdr); border-radius: 14px; padding: 12px; margin: 10px 0; box-shadow: 0 1px 2px rgba(0,0,0,.03); }
.row { display:flex; gap:8px; flex-wrap: wrap; }
input[type='file'] { padding: 6px; }
input, select, button, textarea { font: inherit; }
input, select, textarea { border:1px solid var(--bdr); border-radius: 10px; padding: 10px 12px; outline: none; }
input:focus, select:focus, textarea:focus { border-color:#94a3b8; }
button { border:1px solid var(--bdr); background: #f9fafb; border-radius: 10px; padding: 8px 10px; cursor: pointer; }
button:hover { background:#eef2f7; }
button.danger { border-color:#fecaca; background:#fff1f2; }
.hint { font-size:12px; color: var(--muted); margin:8px 0 0 0; }
.counters { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:8px; margin-top:8px; }
.counter { background:#fff; border:1px solid var(--bdr); border-radius:12px; padding:10px; }
.counter .label { font-size:12px; color:var(--muted); }
.counter .value { font-weight:600; }
.list { display:flex; flex-direction: column; gap:10px; margin-bottom: 40px; }
.item { background:#fff; border:1px solid var(--bdr); border-radius:14px; padding:12px; }
.item-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.addr { font-weight:600; font-size:15px; display:flex; align-items:center; gap:6px; }
.meta { font-size:12px; color:var(--muted); }
.badge { font-size:10px; background:#fef3c7; color:#92400e; padding:2px 6px; border-radius: 999px; }
.names { background:#f9fafb; border:1px solid var(--bdr); border-radius:12px; padding:8px; margin-top:8px; }
.names-grid { display:grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap:4px; }
@media (min-width:640px){ .names-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.controls { display:flex; gap:6px; flex-wrap: wrap; margin-top:8px; }
textarea.note { width:100%; min-height:34px; }
.tiny { font-size:11px; color:var(--muted); margin-top:6px; }
a.map { text-decoration:none; color:#2563eb; }
.footer { color: var(--muted); font-size: 12px; text-align: center; padding: 16px 0 24px; }