*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;background:#f8f9fa;font-family:Arial,sans-serif}.navbar{width:100%;height:70px;background-color:#1a73e8;display:flex;justify-content:space-between;align-items:center;padding:0 40px;color:#fff;box-shadow:0 2px 10px #00000026}.nav-logo{font-size:26px;font-weight:700;letter-spacing:1px}.nav-links{list-style:none;display:flex;gap:30px}.nav-links li{font-size:18px;cursor:pointer;transition:.3s}.nav-links li:hover{color:#cfe2ff}.form-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;margin-bottom:35px;margin-top:40px;padding:0 40px}.input-group{display:flex;flex-direction:column}.input-group label{font-size:15px;font-weight:600;margin-bottom:8px;color:#222}.input-group input{height:42px;padding:8px 12px;border:1px solid #bbb;border-radius:8px;font-size:15px;background:#fafafa;transition:.2s}.input-group input:focus{border-color:#05f;background:#fff;box-shadow:0 0 6px #05f6}.submit-wrapper{width:100%;padding:0 40px;margin-top:10px;display:flex;justify-content:flex-end}.submit-btn{background:#05f;color:#fff;padding:13px 35px;border:none;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:.2s}.submit-btn:hover{background:#003ec7;transform:translateY(-1px)}.table-wrapper{margin-top:40px;overflow-x:auto;padding:0 40px 40px}.table-wrapper table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px #0000001f}.table-wrapper th{background:#f3f5f7;padding:15px;text-align:left;font-weight:700;font-size:15px;border-bottom:1px solid #ddd}.table-wrapper td{padding:14px 15px;font-size:15px;border-bottom:1px solid #eee}.table-wrapper tr:hover{background:#f7faff}.delete-btn{background:#e63946;color:#fff;padding:9px 15px;border:none;border-radius:6px;cursor:pointer;transition:.2s}.delete-btn:hover{background:#b81d28;transform:scale(1.03)}