*{box-sizing:border-box}body{margin:0;background:#f3f4f6;color:#111827;font-family:Tahoma,Arial,sans-serif}.wrap{max-width:1100px;margin:auto;padding:16px}header{background:linear-gradient(135deg,#111827,#374151);color:#fff;padding:24px 0}.title{font-size:27px;font-weight:800}.sub{opacity:.75;margin-top:6px}.search{width:100%;padding:14px;border:0;border-radius:13px;margin-top:16px;font-size:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:15px;margin-top:22px}.card{background:white;border-radius:18px;padding:13px;box-shadow:0 5px 18px #0001}.pic{height:175px;background:#f8fafc;border-radius:14px;display:grid;place-items:center;overflow:hidden}.pic img{max-width:100%;max-height:100%;object-fit:contain}.phone{width:70px;height:140px;border-radius:18px;background:linear-gradient(145deg,#111827,#2563eb);color:white;display:grid;place-items:center;text-align:center;font-size:11px;padding:8px}h2{font-size:17px;margin:12px 0}.p{display:flex;justify-content:space-between;background:#f3f4f6;padding:9px;border-radius:9px;margin-top:7px;font-size:13px}.admin{max-width:900px;margin:30px auto}.panel{background:#fff;padding:15px;border-radius:15px;margin-bottom:10px}.row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:7px}.row input{padding:10px;border:1px solid #ddd;border-radius:9px}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:bold;cursor:pointer}.save{background:#111827;color:#fff}.del{background:#fee2e2;color:#991b1b}.login{max-width:400px;margin:70px auto}.login input{width:100%;padding:12px;margin:5px 0;border:1px solid #ddd;border-radius:10px}@media(max-width:600px){.grid{grid-template-columns:repeat(2,1fr);gap:9px}.row{grid-template-columns:1fr 1fr}.row .name{grid-column:1/-1}.pic{height:145px}}