*{box-sizing:border-box;margin:0;padding:0;font-family:open sans,sans-serif}body{background:#f6f7fb;color:#333}.wrapper{max-width:700px;margin:40px auto;background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 12px #00000014}h1,h2{margin-bottom:16px}a{text-decoration:none;color:#4a6cf7}a:hover{text-decoration:underline}button{background:#4a6cf7;color:#fff;border:none;padding:8px 14px;border-radius:4px;cursor:pointer;margin-right:8px}button:hover{background:#3b5be0}.delete{background:#e74c3c;margin-left:20px}.delete:hover{background:#c0392b}form{display:flex;flex-direction:column;gap:12px}input{padding:8px;font-size:14px;border-radius:4px;border:1px solid #ccc}ul{list-style:none;margin-top:16px}li{padding:10px;border-bottom:1px solid #eee}li:hover{background:#f2f4ff}.search-add{display:flex;justify-content:space-between;margin-bottom:16px}