:root{
  --bg:#f4f6f9; --card:#fff; --ink:#1c2430; --muted:#6b7684; --line:#e3e8ef;
  --accent:#2563eb; --accent-dark:#1d4ed8; --green:#0f9d58; --red:#d93025;
  --amber:#b06000; --purple:#6b3fa0; --gray-bg:#eef1f5; --radius:12px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
body{margin:0;font-family:"Noto Sans Gujarati","Segoe UI",system-ui,sans-serif;
  background:var(--bg);color:var(--ink);font-size:16px;line-height:1.5;}
header{background:var(--accent);color:#fff;padding:14px 16px;position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 2px 8px rgba(0,0,0,.12);}
header h1{font-size:18px;margin:0;font-weight:600;}
header .sub{font-size:12px;opacity:.9;margin-top:2px;}
.head-btns{display:flex;gap:8px;}
.wrap{max-width:900px;margin:0 auto;padding:16px;}
a{color:var(--accent);}
.btn{border:none;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:600;cursor:pointer;
  font-family:inherit;display:inline-flex;align-items:center;gap:6px;justify-content:center;
  background:var(--accent);color:#fff;text-decoration:none;}
.btn:hover{background:var(--accent-dark);}
.btn.light{background:#fff;color:var(--accent);}
.btn.ghost{background:var(--gray-bg);color:var(--ink);}
.btn.sm{padding:7px 12px;font-size:13px;border-radius:8px;}
.btn.block{width:100%;}
input[type=text],select,textarea{padding:9px 11px;border:1px solid var(--line);border-radius:8px;
  font-size:14px;font-family:inherit;background:#fff;color:var(--ink);}
.upload{background:var(--card);border:2px dashed var(--line);border-radius:var(--radius);
  padding:28px 20px;text-align:center;margin-bottom:16px;}
.upload h2{margin:0 0 6px;font-size:18px;}
.upload p{margin:0 0 16px;color:var(--muted);font-size:14px;}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;}
.stat{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 8px;text-align:center;}
.stat .n{font-size:20px;font-weight:700;} .stat .l{font-size:11px;color:var(--muted);margin-top:2px;}
.n.green{color:var(--green);} .n.blue{color:var(--accent);} .n.red{color:var(--red);}
.controls{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px;
  margin-bottom:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.controls input[type=text]{flex:1;min-width:140px;}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px;}
.card.wrong{opacity:.6;background:#fbfbfb;}
.card .top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;}
.card .name{font-size:17px;font-weight:600;}
.card .meta{font-size:12px;color:var(--muted);margin-top:2px;word-break:break-word;}
.num{font-size:16px;font-weight:600;color:var(--accent);letter-spacing:.3px;margin-top:6px;}
.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.call{background:var(--green);color:#fff;text-decoration:none;padding:10px 16px;border-radius:9px;
  font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:6px;}
.wa{background:#25D366;color:#fff;text-decoration:none;padding:10px 14px;border-radius:9px;
  font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:6px;}
.field-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;align-items:center;}
.field-row label{font-size:13px;color:var(--muted);min-width:70px;}
.field-row select{flex:1;min-width:120px;}
textarea{width:100%;margin-top:10px;resize:vertical;min-height:44px;}
.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;}
.b-new{background:var(--gray-bg);color:var(--muted);}
.b-interested{background:#e6f4ea;color:var(--green);}
.b-notint{background:#fce8e6;color:var(--red);}
.b-later{background:#fef3e0;color:var(--amber);}
.b-done{background:#efe8f7;color:var(--purple);}
.b-wrong{background:#fce8e6;color:var(--red);}
.del{background:none;border:none;color:var(--red);font-size:13px;cursor:pointer;padding:6px;
  font-family:inherit;font-weight:600;}
.card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px;
  border-top:1px dashed var(--line);padding-top:10px;}
.empty{text-align:center;color:var(--muted);padding:40px 20px;}
.note{font-size:13px;color:#555;background:#fffbe6;border:1px solid #ffe58f;border-radius:8px;
  padding:10px 12px;margin-bottom:14px;}
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;
  justify-content:center;z-index:100;padding:16px;}
.modal{background:#fff;border-radius:14px;padding:20px;max-width:420px;width:100%;}
.modal h3{margin:0 0 12px;}
.frow{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);}
.chip-add{display:flex;gap:6px;margin-top:10px;} .chip-add input{flex:1;}
@media(max-width:520px){.stats{grid-template-columns:repeat(2,1fr);}}