:root{--bg:#f6f7fb;--card:#fff;--muted:#6b6f76;--accent:#4f46e5;--danger:#ef4444;--border:#e6e9ef;--shadow:0 6px 20px #1018280f;--radius:12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#f3f7ff,#f6f7fb);background:linear-gradient(180deg,#f3f7ff 0,var(--bg) 100%);color:#111827;margin:0;min-height:100vh;padding:32px}.app .container{margin:0 auto;max-width:720px;width:100%}.title{font-size:28px;letter-spacing:-.2px;margin-bottom:18px;text-align:center}.card{background:#fff;background:var(--card);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 6px 20px #1018280f;box-shadow:var(--shadow);margin-bottom:16px;padding:18px}h2{font-size:18px;margin:0 0 12px}.form-row{align-items:center;display:flex;gap:8px;margin-bottom:12px}.filter-input,.input{border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:10px;font-size:14px;outline:none;padding:10px 12px;transition:box-shadow .12s,border-color .12s;width:100%}.filter-input:focus,.input:focus{border-color:#4f46e533;box-shadow:0 6px 18px #4f46e514}.button{background:#4f46e5;background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 14px;transition:transform .08s}.button:active{transform:scale(.995)}.small{font-size:13px;padding:8px 10px}.list{margin-top:10px}.contact{background:linear-gradient(180deg,#ffffffe6,#fafafce6);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:10px;justify-content:space-between;margin-bottom:8px;padding:10px}.contact,.contact .meta{align-items:center;display:flex}.contact .meta{gap:14px}.avatar{align-items:center;background:#eef2ff;border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:10px;color:#4f46e5;color:var(--accent);display:flex;font-size:14px;font-weight:700;height:44px;justify-content:center;width:44px}.name{font-weight:600}.number{color:#6b6f76;color:var(--muted);font-size:13px}.icon-button{background:#0000;border:none;color:#ef4444;color:var(--danger);cursor:pointer;font-weight:600}.list-header{align-items:center;display:flex;justify-content:space-between}.count{color:#6b6f76;color:var(--muted);font-size:13px}
/*# sourceMappingURL=main.1a9898b0.css.map*/