*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background:#f6f7fb;color:#101828;margin:0}.wrap{max-width:1100px;margin:30px auto;padding:0 18px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}nav{display:flex;gap:10px;flex-wrap:wrap}nav a,.save,#fetchBtn,button{background:#1570ef;color:white;text-decoration:none;border:0;border-radius:10px;padding:11px 14px;font-weight:700}table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #eaecf0;padding:12px}td img{width:70px;height:70px;object-fit:cover;border-radius:10px}.form{background:white;padding:22px;border-radius:16px;display:grid;gap:10px}.form input,.form textarea,.form select{width:100%;padding:13px;border:1px solid #d0d5dd;border-radius:10px}.fetchrow{display:flex;gap:10px}.fetchrow input{flex:1}.login{display:grid;place-items:center;min-height:100vh}.box{background:white;width:360px;max-width:92%;padding:25px;border-radius:18px;box-shadow:0 15px 35px rgba(16,24,40,.1);display:grid;gap:12px}.error{color:#d92d20}@media(max-width:700px){header{display:block}.fetchrow{display:block}.fetchrow button{margin-top:8px;width:100%}table{font-size:13px}}